ReactNative 知识点

  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}的页面名`
    })
  }
});

  

猜你喜欢

转载自www.cnblogs.com/ltf1991/p/10448524.html