更改活动 TabBarIcon 的颜色 React Native

Question

类似于this question，但我也想更改icon 的颜色——不仅仅是文本。

这里是有问题的代码：

HomeStack.navigationOptions = {
  tabBarLabel: 'Home',
  tabBarOptions: {
    activeTintColor: '#6CC7BD',
    inactiveTintColor: '#CCCCCC',
  },
  tabBarIcon: ({focused}) => (
    <TabBarIcon
      focused={focused}
      name={
        Platform.OS === 'ios'
          ? `ios-information-circle${focused ? '' : '-outline'}`
          : 'md-information-circle'
      }
    />
  )
}

根据this thread on Github，我应该试试这个：

HomeStack.navigationOptions = {
  tabBarLabel: 'Home',
  tabBarOptions: {
    activeTintColor: '#6CC7BD',
    inactiveTintColor: '#CCCCCC',
  },

  tabBarIcon: ({focused}) => <TabBarIcon name={
    Platform.OS === 'ios'
      ? `ios-information-circle${focused ? '' : '-outline'}`
      : 'md-information-circle'
  } color={this.activeTintColor}/>
}

但是信息圈还是灰色的：

也试过color={this.tabBarOptions.activeTintColor}，导致报错：

还有其他建议吗？

编辑 - 也尝试过：

HomeStack.navigationOptions = {
  tabBarLabel: 'Home',
  tabBarOptions: {
    activeTintColor: '#6CC7BD',
    inactiveTintColor: '#CCCCCC',
  },
  tabBarIcon: ({activeTintColor}) => (
    <TabBarIcon
      activeTintColor={activeTintColor}
      name={
        Platform.OS === 'ios'
          ? `ios-information-circle${activeTintColor ? '' : '-outline'}`
          : 'md-information-circle'
      }
      color={this.activeTintColor}
    />
  )
}

Answer 1

您是否尝试添加所有道具：

tabBarIcon: ({focused, ...restProps}) => (
    <TabBarIcon
      name={
        Platform.OS === 'ios'
          ? `ios-information-circle${activeTintColor ? '' : '-outline'}`
          : 'md-information-circle'
      }
      focused={focused}
      {...restProps}
    />
  )