React Native中Alert弹窗触发exit函数无效问题求助

兄弟，我来帮你揪出问题所在！你遇到的点击Alert弹窗的“Yes”没反应，大概率是两个地方出了问题：一是Alert的按钮回调没写对，二是你用的exit()函数在React Native里根本不是内置的退出方法，系统根本识别不了。下面给你一步步排查修复：

1. 先检查Alert弹窗的写法是否正确 #

你可能在创建Alert的时候，按钮的onPress回调没有正确配置。React Native的Alert.alert()方法，第三个参数是按钮数组，每个按钮必须明确指定text和对应的onPress函数。比如正确的写法应该是这样：

Alert.alert(
  "确认退出？",
  "你确定要退出当前应用吗？",
  [
    {
      text: "Cancel",
      onPress: () => console.log("取消退出"),
      style: "cancel"
    },
    { text: "Yes", onPress: () => this.handleExit() } // 这里要绑定你的退出逻辑
  ]
);

如果你的代码里“Yes”按钮的onPress没写，或者直接写了exit()（没有用箭头函数包裹），那点击肯定没反应。

2. 替换无效的exit()函数 #

React Native没有内置的exit()函数来退出应用，得根据iOS和Android平台分别处理：

• Android平台：可以用BackHandler.exitApp()，需要先导入BackHandler模块；
• iOS平台：苹果不允许APP主动退出，所以只能引导用户手动关闭应用，或者跳转到设置页。

先导入需要的模块：

import { BackHandler, Alert, Platform } from 'react-native';

然后写一个跨平台的退出函数：

handleExit = () => {
  if (Platform.OS === 'android') {
    // Android直接退出应用
    BackHandler.exitApp();
  } else {
    // iOS提示用户手动关闭
    Alert.alert("提示", "请手动关闭应用");
  }
};

3. 完整的可运行示例代码 #

把这些整合到你的组件里，大概是这样：

import React, { Component } from 'react';
import { Button, Alert, BackHandler, Platform, StyleSheet, View } from 'react-native';

type Props = {};
export default class IDScreen extends Component<Props> {
  static navigationOptions = {
    title: "ID页面" // 这里可以补全你的导航配置
  };

  // 自定义退出逻辑
  handleExit = () => {
    if (Platform.OS === 'android') {
      BackHandler.exitApp();
    } else {
      Alert.alert("提示", "请手动关闭应用");
    }
  };

  // 弹出确认弹窗
  showExitAlert = () => {
    Alert.alert(
      "确认退出？",
      "你确定要退出应用吗？",
      [
        { text: "取消", style: "cancel" },
        { text: "Yes", onPress: this.handleExit }
      ]
    );
  };

  render() {
    return (
      <View style={styles.container}>
        <Button title="退出应用" onPress={this.showExitAlert} />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center'
  }
});

额外提醒 #

• 如果你的exit()是自己定义的函数，要检查函数是否正确绑定到组件实例上（比如用箭头函数或者在constructor里bind(this)）；
• iOS平台因为苹果的审核规则，主动退出APP可能会被拒绝，所以尽量引导用户手动操作更稳妥。

内容的提问来源于stack exchange，提问作者bryan