如何在React Native环境中检测应用的每日首次启动？

React Native 没有内置的每日首次启动检测函数，你可以通过日期对比 + Async Storage 存储来实现需求逻辑，具体方案如下：

实现思路 #

• 存储两个关键状态：上次启动的日期（格式统一为YYYY-MM-DD）、当日的通知密钥
• 每次应用启动时，获取当前日期并与存储的上次日期对比：
  • 日期不同 → 判定为当日首次启动，执行清空操作、触发弹窗、更新存储状态
  • 日期相同 → 检查通知密钥是否存在，存在则跳过弹窗逻辑

代码实现示例 #

首先确保你已安装官方存储库@react-native-async-storage/async-storage，然后编写检测逻辑：

import AsyncStorage from '@react-native-async-storage/async-storage';

// 获取格式化后的当日日期（YYYY-MM-DD）
const getCurrentDate = () => {
  return new Date().toISOString().split('T')[0];
};

// 每日首次启动检测逻辑
const checkDailyFirstLaunch = async () => {
  try {
    const currentDate = getCurrentDate();
    // 读取存储的状态
    const lastLaunchDate = await AsyncStorage.getItem('lastLaunchDate');
    const notificationKey = await AsyncStorage.getItem('notificationKey');

    if (currentDate !== lastLaunchDate) {
      // 当日首次启动：仅清空弹窗相关存储，避免误删其他数据
      await AsyncStorage.removeItem('notificationKey');
      // 触发弹窗通知
      showNotificationPopup(); // 替换成你的弹窗触发函数
      // 生成并保存当日通知密钥，更新上次启动日期
      const newKey = `notify_${currentDate}`;
      await AsyncStorage.setItem('notificationKey', newKey);
      await AsyncStorage.setItem('lastLaunchDate', currentDate);
    } else {
      // 当日非首次启动：存在密钥则不触发弹窗
      if (!notificationKey) {
        // 异常情况（密钥意外丢失），补存密钥但不触发弹窗
        const newKey = `notify_${currentDate}`;
        await AsyncStorage.setItem('notificationKey', newKey);
      }
    }
  } catch (error) {
    console.error('每日启动检测出错:', error);
    // 出错时做降级处理，比如默认不触发弹窗
  }
};

// 在应用启动时调用，比如App.js的useEffect中
// useEffect(() => {
//   checkDailyFirstLaunch();
// }, []);

注意事项 #

• 避免全量清空Async Storage：如果应用还有其他存储数据，仅删除弹窗相关的键，不要调用AsyncStorage.clear()
• 日期格式化要统一：确保iOS/Android平台日期格式一致，避免时区或格式差异导致判断错误
• 异常处理：Async Storage操作可能因权限等问题失败，务必添加try/catch做容错处理

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