在文本输入中发送值反应本机

Question

原生，

这里我取第一页的值

constructor(){
        super();
        this.state = {
            selectPickup:'',
        }
    }

ongNavigationDetail = ()=>{
        let params = {
            pickup : this.state.selectPickup
        }
        console.log(params)
        // send to third page
    }

  render() {
    const  userLocation  = this.props.navigation.getParam('pickup'); // get value from first page
    return (
         <CardItem header>
         {/* <Text style={{ fontSize: 12}}>{userLocation}</Text> */}
         <Input  onChangeText={userLocation => this.setState({selectPickup:userLocation})} value={userLocation}/>
         </CardItem>

    <Button block info style={styles.MainBtn} onPress={this.ongNavigationDetail}>
      <Text style={styles.btnText}>Next</Text>
    </Button>
    )}

在第二页，这里我取值userLocation发送第三个行程但是当我console这个值是undifined的时候，哪里爆了？

Answer 1

我认为目前，您的导航对象无法访问 getParams 功能。也许你可以像这样简单地访问它。

 this.pros.navigation.route.params

在文本输入中发送值反应本机

send value in text input react native

reactjs

navigation

state

native

setstate