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}的页面名`
})
}
});
浙公网安备 33010602011771号