单个导航栏，不会为反应原生导航重新渲染

Question

我正在创建一个标签库导航：

Navigation.startTabBasedApp({
  tabs: [
    {
      label: i18n.t('home'),
      screen: 'home',
      icon: require('../assets/home.png'),
      navigatorStyle: { navBarCustomView: 'mainNavbar' },
      navigatorButtons: {
        leftButtons: [
          {
            id: "sideMenu"
          }
        ]
      },
    },
    {
      label: i18n.t('applications'),
      screen: 'applications',
      icon: require('../assets/applications.png'),
      navigatorStyle: { navBarCustomView: 'mainNavbar' },
      navigatorButtons: {
        leftButtons: [
          {
            id: "sideMenu"
          }
        ]
      },
    },
  ]
})

除了真正重复之外，我在此设置中遇到的问题是mainNavbar组件会进行一些实时提取，并且在每个选项卡上都会呈现不同的mainNavbar及其结果＆＃ 39;自己的实时提取，导致不同的数据应该是相同的。

这是我发现有一个Navbar组件的方式，但应该有一个更好的方法，我只能声明一次并将它放在选项卡上方。有吗？