react-native - 反応ネイティブでタブバーのスタイルを設定するには?

Question

誰かがこれを解決するのを手伝ってくれますか?私はreact native 0.54.0、react-native-navigationを使用しました。Androidデバイスで使用しています。

これは、タブバーナビゲーター内のタブバーのコードです........

const { width, height } = Dimensions.get("window");
      var myTabs = TabNavigator(
       tabs:[
  Setting: {
  screen: SetttingScreen,
  navigationOptions: {
    tabBarLabel: "Settings",

    tabBarIcon: ({ focused }) =>
      focused ? (
        <Image
          style={{ width: 24, height: 24, tintColor: "white" }}
          source={require("./app/components/Screens/Images/setting.png")}
        />
      ) : (
        <Image
          style={{ width: 24, height: 24, tintColor: "white" }}
          source={require("./app/components/Screens/Images/setting.png")}
        />
      ),
    title: "Settings",

    headerTitleStyle: {
      alignSelf: "center",
      color: "white",
      fontWeight: "normal"
    },
    headerStyle: { backgroundColor: "#333333" },
    headerLeft: null,
    headerRight: null
  }
}

そして、これはタブオプションのコードです。

animationEnabled: true,
swipeEnabled: false,
forceTitlesDisplay: true,

tabBarOptions: {
  pressColor: "blue",
  indicatorStyle: {
    opacity: 0
  },
  allowFontScaling: true,

  upperCaseLabel: false,
  showLabel: true,
  activeTintColor: "blue",
  labelStyle: {
    fontSize: width * 0.022,
    textAlign: "center"
  },
  showIcon: true,
  style: {
    // borderTopWidth: 0,
    backgroundColor: "#221f1f",
    tabBarButtonColor: "#000",
    navBarTextFontSize: 34,
    forceTitlesDisplay: true,
    tabFontFamily: "Avenir-Medium"
  }
}

}`