React Native Stack Navigator 在后面保持状态

时间:2021-06-18 12:52:47

标签: reactjs react-native

我有一个导航器中有两个屏幕的应用:

INSERT

我从 UsersDetailsUsers 组件内的一个按钮使用这个:


export default function App() {
  return (
    <NavigationContainer>
      <View style={styles.container}>
        <Stack.Navigator>
          <Stack.Screen name="User" component={User} />
          <Stack.Screen name="Details" component={Details} />
        </Stack.Navigator>
      </View>
      <StatusBar style="auto" />
    </NavigationContainer>
  );
}

Details 组件有一个基本的输入字段

<Button
        title="Next"
        buttonStyle={{ backgroundColor: "green" }}
        onPress={() => navigation.navigate("Details")}
      ></Button>

当我从详细信息返回到用户时,我可以看到保留的用户状态。 (我使用导航器中的默认后退按钮)。

但是当我再次尝试返回详细信息组件时,状态消失了,我必须重新输入数据。

我正在寻找一种存储/持久化Details组件状态的方法。

0 个答案:

没有答案
相关问题