反应导航多个堆栈配置

时间:2019-08-26 18:27:13

标签: react-native react-navigation react-navigation-stack react-navigation-drawer

我有一个带有多个页面的DrawerNavigator,每个页面都是他们自己的StackNavigator,这意味着我为每个堆栈都有一个堆栈配置。例如

export const Stacker1 = createStackNavigator({
  Stacker1FirstPage: {
    screen: Stacker1FirstPage,
    navigationOptions: {
      headerTitle: "Stacker1FirstPage",
    }
  },
},
{
  headerLayoutPreset: "center",
  headerMode: "float",
  defaultNavigationOptions: {
    headerTintColor: "#fff",
    headerLayoutPreset: "center",
    headerStyle: {
      backgroundColor: "#333",
    },
    headerTitleStyle: {
      fontSize: 18
    },
  }
})

抽屉里的每一页都有一个。

所有这些堆栈配置都是相同的。 是否可以在我的代码中仅传递一次堆栈配置?

1 个答案:

答案 0 :(得分:1)

将常用配置放入文件中,然后导入并在需要的地方使用。

据我所知,必须为每个堆栈定义自定义配置。

command