react-native - 反应原生导航跨屏通知“snackbar”

Question

尝试使用反应导航在反应本机的许多屏幕上实现“无互联网”通知。我试图避免将组件添加到所有屏幕视图渲染功能，因为它感觉就像样板。

有没有一种简单的方法可以使用反应原生导航在一个地方添加一个组件并让它在所有屏幕中持续存在？

Answer 1

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

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

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

Message 组件在导航之外并连接到我们的 redux 存储。每次出现错误时，我们都会发送一个 redux 操作并显示消息，而无需通过导航。