美文网首页
React Native自定义标签栏以及navigate传参(六

React Native自定义标签栏以及navigate传参(六

作者: Jason_兵哥 | 来源:发表于2018-06-28 22:25 被阅读207次

准备知识:

1. MaterialTopTabBar, 

3. withNavigation, 当组件需要调用props.navigation时,而这个组又没有配置到路由Navigatinon中时,必须这样做

import {withNavigation} from 'react-navigation';

export default withNavigation(CustomeTabBar);

)

4. 传参: 

this.props.navigation.navigate('SearchPage', { param1: 'param1', param2: 'param2' })}

this.props.navigation.getParam('param1', 0);

5. SafeAreaView 主要适配于iphone X l边界区域问题

import { SafeAreaView } from 'react-navigation';

6. 源代码地址:https://github.com/ysb002003/ReactNativeLearning_ReactNavigation

7. 效果图:

主要代码:

相关文章

网友评论

      本文标题:React Native自定义标签栏以及navigate传参(六

      本文链接:https://www.haomeiwen.com/subject/lknnyftx.html