如何在react-native中保留用户最后一次访问的屏幕上的视图？

import React, { useEffect } from 'react';
import { AsyncStorage } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

const Stack = createStackNavigator();

const App = () => {
  useEffect(() => {
    // 检查是否存在上次访问的屏幕信息
    AsyncStorage.getItem('lastScreen').then((lastScreen) => {
      if (lastScreen) {
        // 导航到上次访问的屏幕，并传递保存的参数
        navigation.navigate(lastScreen);
      }
    });
  }, []);

  const handleScreenChange = (route) => {
    // 保存当前屏幕信息到AsyncStorage
    AsyncStorage.setItem('lastScreen', route.name);
  };

  return (
    <NavigationContainer>
      <Stack.Navigator
        initialRouteName="Home"
        screenOptions={{ headerShown: false }}
        onStateChange={handleScreenChange}
      >
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="Profile" component={ProfileScreen} />
        <Stack.Screen name="Settings" component={SettingsScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
};

export default App;