使用本机库在React-native中更改FooterTab中的颜色

npm install react-native-navigation

npx react-native generate MyFooterTabScreen

import React from 'react';
import { View, Text } from 'react-native';
import { Navigation } from 'react-native-navigation';

class MyFooterTabScreen extends React.Component {
  render() {
    return (
      <View>
        <Text>FooterTab Content</Text>
      </View>
    );
  }
}

Navigation.registerComponent('MyFooterTabScreen', () => MyFooterTabScreen);

import React from 'react';
import { View, Text, Button } from 'react-native';
import { Navigation } from 'react-native-navigation';

class MainScreen extends React.Component {
  goToFooterTabScreen = () => {
    Navigation.push(this.props.componentId, {
      component: {
        name: 'MyFooterTabScreen',
      },
    });
  };

  render() {
    return (
      <View>
        <Text>Main Screen Content</Text>
        <Button title="Go to FooterTab Screen" onPress={this.goToFooterTabScreen} />
      </View>
    );
  }
}

Navigation.registerComponent('MainScreen', () => MainScreen);

import { Navigation } from 'react-native-navigation';
import { registerScreens } from './src/screens';

registerScreens();

Navigation.setRoot({
  root: {
    stack: {
      children: [
        {
          component: {
            name: 'MainScreen',
          },
        },
      ],
    },
  },
});