美文网首页
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