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

准备知识：

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

主要代码：