在react-native-导航中设置选项卡栏图标颜色

在react-native导航中设置选项卡栏图标颜色，可以通过以下步骤完成：

首先，确保你已经安装了react-navigation库，这是一个用于在React Native中实现导航功能的流行库。
在你的导航组件中，可以使用createBottomTabNavigator函数创建一个选项卡导航器，并设置相应的选项卡。

import { createBottomTabNavigator } from 'react-navigation';

const TabNavigator = createBottomTabNavigator(
  {
    Home: HomeScreen,
    Profile: ProfileScreen,
    Settings: SettingsScreen,
  },
  {
    tabBarOptions: {
      activeTintColor: 'blue', // 设置选中的图标颜色
      inactiveTintColor: 'gray', // 设置未选中的图标颜色
    },
  }
);

在上述代码中，我们可以在tabBarOptions对象中设置activeTintColor和inactiveTintColor属性来分别设置选中和未选中图标的颜色。你可以根据自己的需求将颜色设置为任何有效的颜色值。
如果需要为每个选项卡设置自定义图标，可以在相应的屏幕组件中使用navigationOptions静态属性，并通过tabBarIcon属性设置图标。

class HomeScreen extends React.Component {
  static navigationOptions = {
    tabBarIcon: ({ tintColor }) => (
      <Image
        source={require('./home-icon.png')}
        style={[styles.tabIcon, { tintColor: tintColor }]}
      />
    ),
  };

  // ...
}