老师，做createbottomtabnavigator时，图标不显示，这是怎么回事

来源：2-7 TabNavigator精讲-2

yqyily

2018-10-12

react-native:0.57.2
reacr-native-vector-icons:6.0.2
react-navigation:2.18.0

写回答

1回答

CrazyCodeBoy

2018-10-15

你所使用的的图标在Android上不存在。

换个别的图标试一下，可参考：

import Ionicons from 'react-native-vector-icons/Ionicons';
TrendingPage: {
    screen: TrendingPage,
    navigationOptions: {
        tabBarLabel: '趋势',
        tabBarIcon: ({tintColor, focused}) => (
            <Ionicons
                name={focused ? 'md-trending-up' : 'md-trending-up'}
                size={26}
                style={{color: tintColor}}
            />
        ),
    }
},

https://oblador.github.io/react-native-vector-icons/

React Native技术精讲与高质量上线App开发

一个真实的上线项目，一次完整的开发过程，全面掌握React Native技术

1577 学习 · 727 问题

查看课程

相似问题

createBottomTabNavigator, createStackNavigator,

回答 1

checkBox leftText不显示文字是为什么？

回答 4

我照着回答里面说的指定rn的版本为0.44.0 react-native-tab-navigator显示空白，也没有任何报错怎么回事

回答 1

navigationOptions设置返回按钮的文本不起作用

回答 1

视图改变问题

回答 2

打开慕课网App查看更多内容