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

Question

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

Answer 1

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

专门查看Header和DrawerLayout组件。

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

Answer 2

我不确定ToolbarAndroid组件，但由于您可能需要导航，导航器元素会实现与所有导航屏幕一致的导航栏（无论如何，您可以使用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>