React native createStackNavigator中更改背景颜色时出现问题。。？

我是新来的。我想更改表格布局中的背景色。Me代码如下：

MainTabNavigator.js

import React from 'react';
import { Platform } from 'react-native';
import { createStackNavigator, createBottomTabNavigator } from 'react-navigation';

import TabBarIcon from '../components/TabBarIcon';
import HomeScreen from '../screens/HomeScreen';
import LinksScreen from '../screens/LinksScreen';
import SettingsScreen from '../screens/SettingsScreen';

const HomeStack = createStackNavigator({
  Home: HomeScreen,
});

HomeStack.navigationOptions = {
  tabBarLabel: 'Offer',
  tabBarIcon: ({ focused }) => (
    <TabBarIcon
      focused={focused}
      name={
        Platform.OS === 'ios'
          ? `ios-information-circle${focused ? '' : '-outline'}`
          : 'md-information-circle'
      }
    />
  ),
};

const LinksStack = createStackNavigator({
  Links: LinksScreen,
});

LinksStack.navigationOptions = {
  tabBarLabel: 'Categories',
  tabBarIcon: ({ focused }) => (
    <TabBarIcon
      focused={focused}
      name={Platform.OS === 'ios' ? `ios-link${focused ? '' : '-outline'}` : 'md-link'}
    />
  )
};

const SettingsStack = createStackNavigator({
  Settings: SettingsScreen,
});

SettingsStack.navigationOptions = {
  tabBarLabel: 'Settings',
  tabBarIcon: ({ focused }) => (
    <TabBarIcon
      focused={focused}
      name={Platform.OS === 'ios' ? `ios-options${focused ? '' : '-outline'}` : 'md-options'}
    />
  )
};

export default createBottomTabNavigator({

  LinksStack,
   HomeStack,
  SettingsStack,
});

从“React”导入React；
从“react native”导入{Platform}；
从“反应导航”导入{createStackNavigator，CreateBoottomTabNavigator}；
从“../components/TabBarIcon”导入TabBarIcon；
从“../screens/HomeScreen”导入主屏幕；
从“../screens/LinksScreen”导入LinksScreen；
从“../screens/SettingsScreen”导入设置屏幕；
const HomeStack=createStackNavigator({
主页：主屏幕，
});
HomeStack.navigationOptions={
tabBarLabel:“报价”，
tabBarIcon:（{focused}）=>(
),
};
const LinksStack=createStackNavigator({
链接：LinksScreen，
});
LinksStack.navigationOptions={
tabBarLabel:“类别”，
tabBarIcon:（{focused}）=>(
)
};
const SettingsStack=createStackNavigator({
设置：设置屏幕，
});
设置Stack.navigationOptions={
tabBarLabel:“设置”，
tabBarIcon:（{focused}）=>(
)
};
导出默认CreateBoottomTabNavigator({
林克斯塔克，
本垒打，
设置策略，
});

---

我不知道我的代码应该在哪里更改。

您可以在

选项卡选项中添加更多选项
activeBackgroundColor
，如本例所示

const mainTabBarNav = createBottomTabNavigator({
    projectHome: ProjectHomeScreen,
    userInfo: UserInfoScreen,
    taskList: TaskListScreen,
    profile: ProfileScreen,
  }, {
    tabBarPosition: 'bottom',
    tabBarOptions: {
      activeTintColor: Colors.navigationTintColor,
      activeBackgroundColor: 'red',
      inactiveTintColor: Colors.tabbarNormal,
      swipeEnabled: false,
      showLabel: true,
      showIcon: true,
      style: {
        backgroundColor: 'white',
        paddingVertical: 10,
        height: 60
      },
      indicatorStyle: {
        backgroundColor: 'white',
      }
    },
    tabBarComponent: BottomTabBar,
    swipeEnabled: false,
    initialRouteName: screenNames.taskList,

  }

你节省了我的时间。非常感谢。你能告诉我如何将背景色设置为图标吗？