1回答

CrazyCodeBoy

2018-10-15

可参考Page3的设计：

Page3: {
   screen: Page3,
   navigationOptions: (props) => {//在这里定义每个页面的导航属性，动态配置
       const {navigation} = props;
       const {state, setParams} = navigation;
       const {params} = state;
       return {
           title: params.title ? params.title : 'This is Page3',
           headerRight: (
               <Button
                   title={params.mode === 'edit' ? '保存' : '编辑'}
                   onPress={() =>
                       setParams({mode: params.mode === 'edit' ? '' : 'edit'})}
               />
           ),
       }
   }
},

render() {
   const {navigation} = this.props;
   const {state, setParams} = navigation;
   const {params} = state;
   const showText = params.mode === 'edit' ? '正在编辑' : '编辑完成';
   return <View style={{flex: 1, backgroundColor: "gray",}}>
       <Text style={styles.text}>欢迎来到Page3</Text>
       <Text style={styles.showText}>{showText}</Text>
       <TextInput
           style={styles.input}
           onChangeText={text=>{
               setParams({title:text})
           }}
       />
   </View>
}

0

0