Как изменить цвет фона выбранной нижней вкладки в встроенной навигации

Question

Я использую встроенную навигацию v2 для приложения. Мне нужно изменить цвет фона выбранной нижней вкладки.

options: {
    bottomTab: {
        icon: val.icon,
        text: val.text,
        textColor: getColorTheme("SECONDARY", "LIGHT"),
        selectedTextColor: getColorTheme("ORANGE", "LIGHT"),
        selectedIconColor: getColorTheme("ORANGE", "LIGHT"),
        fontFamily: FONTFAMILY.SEMIBOLD,
        fontSize: FONTSIZE.FONT_12,
        selectedFontSize: FONTSIZE.FONT_12,
        selectedBackgroundColor:'red'
    }
}

Answer 1

как @yeslamFaded было бы неплохо использовать более новую версию response-navigation.

если вы хотите изменить цвет фона выбранной вкладки, вы можете использовать activeBackgroundColor prop of tabBarOptions при создании навигатора нижней вкладки

, например:

export default createBottomTabNavigator(
  {
    Home: HomeScreen,
    Settings: SettingsScreen,
  },
  {
    tabBarOptions: {
      activeBackgroundColor: 'tomato',
    },
  }
);

Все свойства доступны в документации здесь