在React-Native导航(Wix)中动态更改选项卡样式

npm install react-native-navigation

import { Navigation } from 'react-native-navigation';

Navigation.setRoot({
  root: {
    bottomTabs: {
      children: [
        {
          stack: {
            children: [
              {
                component: {
                  name: 'Screen1',
                  options: {
                    bottomTab: {
                      text: 'Tab 1',
                      icon: require('./tab1.png'),
                      selectedIcon: require('./tab1_selected.png'),
                      iconColor: '#000000',
                      selectedIconColor: '#FF0000',
                      textColor: '#000000',
                      selectedTextColor: '#FF0000',
                    },
                  },
                },
              },
            ],
          },
        },
        // Add more tabs here
      ],
    },
  },
});

Navigation.mergeOptions('Screen1', {
  bottomTab: {
    text: 'New Tab Name',
    iconColor: '#00FF00',
    selectedIconColor: '#0000FF',
    textColor: '#00FF00',
    selectedTextColor: '#0000FF',
  },
});