我们可以在react原生android中的所有屏幕上都有通用工具栏吗

Question

我是React native的新手。如何可能在所有屏幕上实现通用的ToolbarAndroid。我想在工具栏上实现navigaton抽屉，这对我导航的所有屏幕都是通用的。

Answer 1

查看此应用程序的代码，该应用程序在所有屏幕上使用导航抽屉和工具栏：https://github.com/fbsamples/f8app

具体检查"页眉"one_answers"抽屉布局"组件。

有一个网站可以解释该应用程序是如何构建的：http://makeitopen.com

Answer 2

我不确定ToolbarAndroid组件，但由于您可能需要导航，Navigator元素实现了一个与所有导航屏幕一致的NavigationBar（您可能无论如何都可以用andoidtoolbar填充）。

现在，如果我理解得足够好，你想让你的抽屉对所有屏幕都通用。我想我的方法是使用DrawerLayoutAndroid组件，为了使其一致，我会将导航器包装在抽屉布局中，如下所示：

<DrawerLayoutAndroid
  drawerWidth={250}
  drawerPosition={DrawerLayoutAndroid.positions.Left}
  renderNavigationView={() => navigationView}>
  <Navigator
      initialRoute={{id: 'MainPage'}}
      renderScene={this.renderScene.bind(this)}
      navigationBar={
        <Navigator.NavigationBar style={{backgroundColor: '#263872', elevation:3}}
            routeMapper={NavigationBarRouteMapper} /> } 
    />
</DrawerLayoutAndroid>