将本机设置defaultNavigationOptions一次设置为多个堆栈导航

Question

我有一个布局，每个选项卡都是一个堆栈导航器。每个stacknavigator需要具有相同的defaultStackNavigationOptions。

是否可以为一组导航器（即(HomeStack, HorseStack, ...).defaultNavigationOptions）设置默认选项？

编辑：快速编辑以进行澄清。我当前的代码是这样的：

const homeStack = createStackNavigator({
  Home: HomeScreen
},
{
  defaultNavigationOptions: {
    headerStyle: { backgroundColor: constants.color.primary },
    headerTitleStyle: { color: "white" },
  }
});
const subjectStack = createStackNavigator({
  Subject: SubjectScreen
},
{
  defaultNavigationOptions: {
    headerStyle: { backgroundColor: constants.color.primary },
    headerTitleStyle: { color: "white" },
  }
});
//...

这些已加载到布局中：

export const HomeTabNavigator = createBottomTabNavigator(
  {
    Home: {
        screen: homeStack,
    },
    Subject: { 
        screen: subjectStack,
    },
    //...
  }
);

我希望一次在每个StackNavigator上设置defaultStackNavigation，而不必每次都复制粘贴或调用一个函数。

Answer 1

您可以做这样的事情。

 const stackNavigator = createStackNavigator(
      {
        Home: { screen: HomeTab },
        Horse: { screen: HorseTab }
      },
      {
        defaultNavigationOptions: {
          headerStyle: {
            backgroundColor: "yellow"
          }
        },
        cardStyle: {
          backgroundColor: "blue"
        }
      }
    );

有关更多阅读，您可以参考here