使用AsyncStorage在首次登录时显示屏幕

import React, { useEffect, useState } from 'react';
import { View, Text } from 'react-native';
import AsyncStorage from '@react-native-async-storage/async-storage';

const FirstLoginScreen = () => {
  const [isFirstLogin, setIsFirstLogin] = useState(true);

  useEffect(() => {
    checkFirstLogin();
  }, []);

  const checkFirstLogin = async () => {
    try {
      const value = await AsyncStorage.getItem('isFirstLogin');
      if (value !== null) {
        setIsFirstLogin(false);
      }
    } catch (error) {
      console.log(error);
    }
  };

  const setFirstLogin = async () => {
    try {
      await AsyncStorage.setItem('isFirstLogin', 'false');
      setIsFirstLogin(false);
    } catch (error) {
      console.log(error);
    }
  };

  if (isFirstLogin) {
    return (
      <View>
        <Text>Welcome to the app!</Text>
        <Text>Please complete the first login process.</Text>
        <Button title="Finish First Login" onPress={setFirstLogin} />
      </View>
    );
  }

  return (
    <View>
      <Text>Welcome back!</Text>
      <Text>Continue using the app.</Text>
    </View>
  );
};

export default FirstLoginScreen;