React native React Native CreateBoottomTabNavigator从常量添加自定义颜色

我正在实施一项新的计划。我添加了一个tabBarIcon，我想使用我在全局样式文件的const中定义的全局颜色，如下所示：

global.style.js

import { StyleSheet } from "react-native";

export const Colors = {
 ...
  orange: "#F59200",
 ...
};

import React, { Component } from "react";
...

import { StackNavigator } from "react-navigation";
import { createBottomTabNavigator, BottomTabBar } from "react-navigation-tabs";
import Icon from "react-native-vector-icons/FontAwesome";
import Colors from "MyApp/app/config/global.style";
...
import HomeScreen from "../screens/HomeScreen";
...

export const Tabs = createBottomTabNavigator({
  HomeScreen: {
    screen: HomeScreen,
    navigationOptions: () => ({
      tabBarLabel: "My Home Screen",
      tabBarIcon: ({ tintColor }) => (
        // color={Colors.orange} does not work here 
        <Icon name="rocket" color={Colors.orange} size={24} />
      )
    })
  },
...

Router.js

import { StyleSheet } from "react-native";

export const Colors = {
 ...
  orange: "#F59200",
 ...
};

import React, { Component } from "react";
...

import { StackNavigator } from "react-navigation";
import { createBottomTabNavigator, BottomTabBar } from "react-navigation-tabs";
import Icon from "react-native-vector-icons/FontAwesome";
import Colors from "MyApp/app/config/global.style";
...
import HomeScreen from "../screens/HomeScreen";
...

export const Tabs = createBottomTabNavigator({
  HomeScreen: {
    screen: HomeScreen,
    navigationOptions: () => ({
      tabBarLabel: "My Home Screen",
      tabBarIcon: ({ tintColor }) => (
        // color={Colors.orange} does not work here 
        <Icon name="rocket" color={Colors.orange} size={24} />
      )
    })
  },
...

import React，{Component}来自“React”；
...
从“react navigation”导入{StackNavigator}；
从“反应导航选项卡”导入{CreateBoottomTabNavigator，BottomTabBar}；
从“react native vector icons/Fontsome”导入图标；
从“MyApp/app/config/global.style”导入颜色；
...
从“./屏幕/主屏幕”导入主屏幕；
...
导出常量选项卡=CreateBoottomTabNavigator({
主屏幕：{
屏幕：主屏幕，
导航选项：（）=>({
tabBarLabel：“我的主屏幕”，
tabBarIcon:（{tintColor}）=>(
//color={Colors.orange}在这里不起作用
)
})
},
...

我发现了一系列示例，展示了如何直接添加颜色，这很有效：

HomeScreen: {
        screen: HomeScreen,
        navigationOptions: () => ({
          tabBarLabel: "My Home Screen",
          tabBarIcon: ({ tintColor }) => (
            <Icon name="rocket" color="#F59200" size={24} />
          )
        })
      }

主屏幕：{
屏幕：主屏幕，
导航选项：（）=>({
tabBarLabel：“我的主屏幕”，
tabBarIcon:（{tintColor}）=>(
)
})
}

但是我想知道是否有一种方法可以传递const Colors值

有什么想法吗

---

提前感谢！

尝试添加到导航或后续操作

---

你解决了这个问题吗？我不能将常量或全局值传递给tabBarOptions，只能用数字硬编码