要在按下返回按钮时退出React Native应用程序,您可以使用React Native提供的BackHandler组件来监听返回按钮的事件,并调用BackHandler.exitApp()方法来退出应用程序。
下面是一个示例代码:
import React, { useEffect } from 'react';
import { BackHandler } from 'react-native';
const App = () => {
useEffect(() => {
const backAction = () => {
BackHandler.exitApp();
return true;
};
const backHandler = BackHandler.addEventListener(
'hardwareBackPress',
backAction
);
return () => backHandler.remove();
}, []);
return (
// Your app's UI components
// ...
);
};
export default App;
在上面的示例中,我们使用了React Native的useEffect Hook来添加和删除返回按钮事件监听器。在useEffect的回调函数中,我们使用BackHandler.addEventListener()方法来添加一个名为'hardwareBackPress'的事件监听器,并指定一个回调函数backAction。在backAction的回调函数中,我们调用BackHandler.exitApp()来退出应用程序,并返回true来告诉React Native不要执行默认的返回按钮行为。
最后,我们使用return语句在组件卸载时删除返回按钮事件监听器。
请注意,BackHandler组件只能在真实设备或模拟器上运行,它不会在开发服务器或Web浏览器中工作。