React Native 应用启动时Alert弹窗无法正常弹出问题咨询

开发者阿泽

2026-10-22

React Native 启动弹窗不显示修复方案

核心问题点

你定义的createTwoButtonAlert是弹窗触发函数，代码中仅引用了函数名没有调用，必须补充()才能执行弹窗逻辑
包裹createTwoButtonAlert的额外大括号无实际作用，属于冗余代码
useEffect依赖数组为空，如果startup状态初始不是真值，或者后续startup变化时，无法触发重新判断

修复后代码

useEffect逻辑修改

useEffect(() => {
    if (startup) {
      console.log('Display Alert');
      createTwoButtonAlert(); // 补充括号调用弹窗函数
    }
}, [startup]); // 把startup加入依赖数组，确保状态更新时能触发判断

弹窗函数本身无逻辑错误，可按需优化写法

const createTwoButtonAlert = () =>
    Alert.alert('Title', 'Here is my Question?', [
      {
        text: 'Yes',
        onPress: () => {
          setQuestion(false);
          setStartup(false);
        },
      },
      {
        text: 'No',
        onPress: () => {
          setQuestion(true);
          setStartup(false);
        },
      },
    ]);