Tab的小图标显示



  • 各位大佬好。
    我的目标是在tabBar的标题上面显示出小图片。
    已经做了
    1、npm install react-native-vector-icons --save
    2、react-native link
    当我使用的时候,模拟器报错了:
    Unrecognized font family ‘Ionicons’
    0_1523180974628_image.png

    报错的地方是在这里:
    // 上面是几个可以跳转的界面,可以正确的显示。我就不贴出来了

    export default TabNavigator(
    {
    Home: {
    screen: HomeScreen,
    },
    Settings: {
    screen: SettingsScreen,
    },
    },
    // 这里是开始设置icon的
    {
    navigationOptions:({ navigation }) => ({
    tabBarIcon:({ focused, tintColor }) =>{
    const {routeName} = navigation.state;
    let iconName;
    if (routeName === 'Home')
    {
    iconName = 'Home';
    }
    else if (routeName === 'Settings')
    {
    iconName ='start';
    }
    return <Ionicons name={iconName} size={25} color={tintColor}/>
    }
    }),
    tabBarOptions:{
    activeTintColor: 'tomato',
    inactiveTintColor:'gray',
    },
    tabBarComponent: TabBarBottom,
    tabBarPosition:'bottom',
    animationEnabled: false,
    swipeEnabled: false,
    }

    );

    查看论坛,有大神是说在info中添加一个Key。
    我是在mac上搭建的环境,使用的是webStorm模拟器。然后在ios中的info添加了key一样报错
    0_1523181327943_image.png

    求大神指导!



  • 字体文件有没有copy到ipa包中?

    0_1523257730756_image.png