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

2018-06-28  本文已影响207人  Jason_兵哥

准备知识:

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. 效果图:

主要代码:

上一篇 下一篇

猜你喜欢

热点阅读