反应本机导航跨屏通知“ snackbar”

Question

尝试使用react-navigation在react native中跨多个屏幕实现“禁止上网”通知。我试图避免将组件添加到所有屏幕视图渲染功能，因为它看起来像样板。

是否有一种简单的方法可以使用react native导航在一个位置添加组件并将其保留在所有屏幕中？

Answer 1

我认为此通知与您的导航没有太大关系，应在其外部实施。在我们的应用程序中，我们有一个类似的通知横幅，该横幅在导航器外部被调用，并处理错误消息的显示，例如无连接。

我们的App.js看起来像这样：

<Provider store={store}>
        <View>
          <Message /> // message banner
          <AppNavigator /> // this is our navigation
        </View>
  </Provider>

Message组件不在导航中，并且已连接到我们的redux存储。每次遇到错误时，我们都会调度redux操作并显示消息，而无需进行导航。