首页 > 解决方案 > defaultNavigationOptions 中的默认背景颜色

问题描述

我尝试为所有标题建立默认背景颜色,但它不起作用。

我正在使用 defaultNavigationOptions,但它不起作用。

const RootStack = createStackNavigator(
  {
    Home: HomeScreen,
    Details: DetailsScreen
  },
  {
    initialRouteName: "Home",
    defaultNavigationOptions: {
      headerStyle: {
        backgroundColor: "#6B52AE"
      },
      headerTintColor: "#fff",
      headerTitleStyle: {
        fontWeight: "bold"
      }
    }
  }
);

我期待一个紫色的背景,但是当我重新加载 ios 模拟器时,我得到一个白色的标题。

标签: iosreact-nativereact-native-ios

解决方案


您可以定义 tabBarOptions:

tabBarOptions: {
        activeTintColor: "#480ee6", //Active label
        labelStyle: {
            fontSize: 12
        },
        style: { backgroundColor: "#6B52AE" } //TabBar
    }

推荐阅读