码迷,mamicode.com
首页 > 其他好文 > 详细

ReactNative 知识点

时间:2019-02-28 10:31:36      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:导航   page   script   tor   ons   div   roots   name   scree   

  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 知识点

标签:导航   page   script   tor   ons   div   roots   name   scree   

原文地址:https://www.cnblogs.com/ltf1991/p/10448524.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!