使用 React-Navigation 在所有屏幕中显示组件 - React Native

Question

我希望使用 React Navigation 在每个屏幕中显示一个像按钮（或 react-native-action-button 精确）这样的组件。

React Navigation 在内部路由中是否有任何选项可以实现一次并随处使用？

注意：我不想在每个 .js 类中导入 Component 并在渲染中使用它。

参考 -> 在应用程序的每个屏幕中都这样。 浮动操作按钮参考

Answer 1

在您的导航容器中像这样添加它

  <NavigationContainer>
    <Stack.Navigator initialRouteName="SplashScreen">
     ...
    </Stack.Navigator>
    
    <Button /> // add your component here. It will be visible in all screens
  </NavigationContainer>