设置tabBaiIcon不管用，使用react-native-vector-icons

来源：13-5 使用react-navigation搭建项目导航框架-3

barray

2018-11-27

使用react-native-vector-icons没有图标展示demo中

写回答

1回答

CrazyCodeBoy

2018-11-28

检查下所使用的icon在https://oblador.github.io/react-native-vector-icons/ 中是否还存在，另外tabBarIcon的设置可参考一下代码：

export const MaterialTopTabNavigator = createMaterialTopTabNavigator({//在这里配置页面的路由
       Page1: {
           screen: Page1,
           navigationOptions: {
               tabBarLabel: 'Page10',
               tabBarIcon: ({tintColor, focused}) => (
                   <Ionicons
                       name={'ios-home'}
                       size={26}
                       style={{color: tintColor}}
                   />
               ),
           }
       },

barray

老师,我知道原因了,使用defaultNavigationOptions可以,但是使用tNavigationOptions就不显示了ε(┬┬﹏┬┬)3

2018-11-28

共3条回复

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

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

1577 学习 · 727 问题

查看课程

相似问题

老师,react-native-vector-icons矢量图可以与Image进行关联使用吗?

回答 1

react-native-vector-icons如何使用自己定义的矢量图,有木有具体的示例