Как изменить динамическую реакцию родного цвета BottomTabNavigator

Question

Я хочу изменить цвет нижней панели вкладок, изменив реквизит или состояние на экране приложения.

, если мы сможем передать избыточное хранилище, было бы лучше

здесь моя вкладка навигации

import {createBottomTabNavigator} from 'react-navigation-tabs';
import NotificationStack from './NotificationStack';
import SettingStack from './SettingStack';

const SupervisorTab = createBottomTabNavigator(
  {
    NotificationStack,
    SettingStack,
  },
  {
    resetOnBlur: true,
    tabBarOptions: {
      keyboardHidesTabBar: true,
      activeTintColor: '#F26D21',
      style: {
        borderWidth: 0,
        backgroundColor: '#000000', //need change this color code as per prop
        borderTopColor: '#000000',
      },
    },
    initialRouteName: 'SupervisorStack',
    navigationOptions: ({navigation}) => ({
      header: null,
    }),
  },
);

export default SupervisorTab;

Answer 1

Не уверен, что это будет работать, но попробуйте использовать переменную для хранения значения цвета фона.

Другой способ - использовать правильное определение стилей и изменить класс стилей.