React Native Navigation Reload Stack Navigator主屏幕

时间:2018-11-07 19:04:36

标签: react-native react-navigation react-native-navigation react-navigation-stack react-navigation-drawer

我遇到了一个问题,我基本上对如何继续前进没有真正的想法。

我有一个带有两个屏幕的StackNavigator,一个叫做“ HomeScreen”,另一个叫做“ SettingsScreen”。当我单击一个按钮时,进入“ SettingsScreen”。

我还有一个DrawerNavigator,可以用它导航到四个屏幕之一,而第4个屏幕是StackNavigator。

DrawerNavigator:
  Screen1
  Screen2
  Screen3
  Screen4
    - HomeScreen
    - SettingsScreen

(希望这可以理解)

所以我们来解决问题...
我的问题是我的“ SettingsScreen”具有将项添加到AsyncStorage键的功能(它将其推入数组,因此最后我有一个列表呈现在“ HomeScreen”上),但是当我添加了项时并返回到我的“ HomeScreen”,它将不会重新加载页面。我该如何做才能使其在满足某些条件或更简单的条件下重新加载页面-每次离开“ SettingsScreen”时如何重新加载页面?

1 个答案:

答案 0 :(得分:0)

这将有助于查看您的代码,并了解您正在使用哪个版本的React Navigation。最有可能的是您可以“推送”到导航堆栈,这将对您要播放的屏幕进行重新加载。您的函数中将具有以下内容:

this.props.navigation.push('HomeScreen')