首页 > 其他 > 详细

ReactNative 知识点

时间:2019-03-01 19:39:16      阅读:189      评论:0      收藏:0      [点我收藏+]

  react-navigation

1、三种设置navigationOptions的方法

  • 全局设置
  • 导航器内局部设置
  • 页面内静态设置
    static navigationOptions = {
       title: ‘home‘
    }

2、动态设置页面title(举例:home页面跳转page1页面,动态设置page1的title)

  

// home页面
<Button title="go to myPage" onPress={() => {
     navigation.navigate(‘My‘, {name: ‘page1‘})  // 第一个参数是跳转的页面名称,第二个从参数是传递的参数
}}/>
// 导航器获取并设置
const RootStack = createStackNavigator({ 
  Page1: {
    screen: Page1,
    navigationOptions: ({ navigation }) => ({
        title: `${navigation.state.params.name}的页面名`
    })
  }
});

  

ReactNative 知识点

原文:https://www.cnblogs.com/ltf1991/p/10458265.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!