准备知识:
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. 效果图:
网友评论