如何将图标添加到此选项卡导航器？

Question

const OneNav = createStackNavigator({
  Home: {screen: pages.Home},
  Social: {screen: pages.Social},
  House: {screen: pages.House},
},{
  initialRouteName: 'Home',
});

const TwoNav = createStackNavigator({
  Home: {screen: Two}
},{
  initialRouteName: 'Home',
});

const TabNav = createBottomTabNavigator({
  Home: {screen: OneNav},
  Interact: {screen: TwoNav},
},{
  initialRouteName: 'Check',
  defaultNavigationOptions: {
    headerTitle: () => (
      <View>
        <Logo />
      </View>)
  }
});

现在我有一个带有2个标签的标签导航器，分别是Home和Interact。如何在导航器中为每个选项卡添加图标？请在上面的代码中向我展示我将如何做，而不是从React Native网站上获得一些示例代码。谢谢！

Answer 1

尝试以下

const TabNav = createBottomTabNavigator({
  Home: {
    screen: OneNav,
    navigationOptions: () => ({
        tabBarIcon: ({ tintColor }) => <Icon name="home" type="font-awesome" color={tintColor} />,
    }),
  },
  Interact: {
    screen: TwoNav,
    navigationOptions: () => ({
        tabBarIcon: ({ tintColor }) => <Icon name="home" type="font-awesome" color={tintColor} />,
    }),
  },
},{
  initialRouteName: 'Check',
  defaultNavigationOptions: {
    headerTitle: () => (
      <View>
        <Logo />
      </View>)
  }
});