如何在react native中返回到上一页时保存状态？

在React Native中返回到上一页时保存状态，可以通过以下步骤实现：

使用React Navigation库来管理页面导航。React Navigation是一个流行的第三方库，用于在React Native应用中实现页面导航和路由管理。
在需要保存状态的组件中，使用React Navigation提供的navigation.addListener方法来监听页面的焦点变化。
在焦点变化的回调函数中，使用AsyncStorage或其他持久化存储方式来保存组件的状态。AsyncStorage是React Native提供的一个简单的异步持久化存储解决方案。
在组件的componentDidMount生命周期方法中，读取之前保存的状态并更新组件的状态。

下面是一个示例代码：

import React, { useEffect } from 'react';
import { View, Text, AsyncStorage } from 'react-native';
import { useFocusEffect } from '@react-navigation/native';

const MyComponent = () => {
  const saveState = async () => {
    try {
      await AsyncStorage.setItem('stateKey', JSON.stringify(state));
    } catch (error) {
      console.log('Error saving state:', error);
    }
  };

  const loadState = async () => {
    try {
      const savedState = await AsyncStorage.getItem('stateKey');
      if (savedState !== null) {
        setState(JSON.parse(savedState));
      }
    } catch (error) {
      console.log('Error loading state:', error);
    }
  };

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

  useFocusEffect(
    React.useCallback(() => {
      return () => {
        saveState();
      };
    }, [])
  );

  return (
    <View>
      <Text>My Component</Text>
      {/* 组件内容 */}
    </View>
  );
};

export default MyComponent;

在上述示例中，我们使用了AsyncStorage来保存和加载组件的状态。在组件的componentDidMount生命周期方法中，我们调用loadState函数来加载之前保存的状态。在组件的焦点变化回调函数中，我们调用saveState函数来保存当前状态。

需要注意的是，AsyncStorage是一个异步操作，所以我们使用了async/await来处理异步逻辑。另外，为了在组件卸载时保存状态，我们使用了useFocusEffect钩子函数，它会在组件获取和失去焦点时触发回调函数。

这是一个简单的示例，你可以根据实际需求进行修改和扩展。关于React Navigation的更多信息和使用方法，你可以参考腾讯云的产品介绍页面：React Navigation。