我有一个抽屉：

我想把活动图标涂成绿色，就像标签一样。

我正在使用react原生向量图标作为图标。

代码：

const AddMenuIcon = ({ navigate }) => (
  <View>
    <Icon
      name="plus"
      size={30}
      color="#FFF"
      onPress={() => navigate('DrawerOpen')}
    />
  </View>
)

const SearchMenuIcon = ({ navigate }) => (
  <Icon
    name="search"
    size={30}
    color="#FFF"
    onPress={() => navigate('DrawerOpen')}
  />
)

const LoginMenuIcon = ({ navigate }) => (
  <Icon
    name="user"
    size={30}
    style={{ fontWeight: '900' }}
    color="#FFF"
    onPress={() => navigate('DrawerOpen')}
  />
)

const Stack = {
  Login: {
    screen: Login,
    headerMode: 'none'
  },
  Search: {
    screen: Search,
    headerMode: 'none'
  },
  Add: {
    screen: Add,
    headerMode: 'none'
  }
}

const DrawerRoutes = {
  Login: {
    name: 'Login',
    screen: StackNavigator(Stack.Login, {
      headerMode: 'none'
    }),
    headerMode: 'none',
    navigationOptions: ({ navigation }) => ({
      drawerIcon: LoginMenuIcon(navigation)
    })
  },
  'Search Vegan': {
    name: 'Search',
    screen: StackNavigator(Stack.Search, {
      headerMode: 'none'
    }),
    headerMode: 'none',
    navigationOptions: ({ navigation }) => ({
      drawerIcon: SearchMenuIcon(navigation)
    })
  },
  'Add vegan': {
    name: 'Add',
    screen: StackNavigator(Stack.Add, {
      headerMode: 'none'
    }),
    headerMode: 'none',
    navigationOptions: ({ navigation }) => ({
      drawerIcon: AddMenuIcon(navigation)
    })
  }
}

const CustomDrawerContentComponent = props => (
  <SafeAreaView style={{ flex: 1, backgroundColor: '#3f3f3f', color: 'white' }}>
    <DrawerItems {...props} />
  </SafeAreaView>
)

const RootNavigator = StackNavigator(
  {
    Drawer: {
      name: 'Drawer',
      screen: DrawerNavigator(DrawerRoutes, {
        initialRouteName: 'Login',
        drawerPosition: 'left',
        contentComponent: CustomDrawerContentComponent,
        contentOptions: {
          activeTintColor: '#27a562',
          inactiveTintColor: 'white',
          activeBackgroundColor: '#3a3a3a',
        }
      }),
      headerMode: 'none',
      initialRouteName: 'Login'
    },
    initialRouteName: 'Login'
  },
  {
    headerMode: 'none',
    initialRouteName: 'Drawer'
  }
)

export default RootNavigator

有没有办法在所有颜色的活动图标相同的活动文本，如果使用react-nate-vacons？在图标上不起作用。我们能以编程方式检查是否激活吗？另一个奇怪的事情是rgba颜色不适用于CustomDrawerContentComponent，所以我不能使背景半透明，这很烦人。奖金，如果你能帮助那里太！