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

Posted

技术标签:

【中文标题】在文本输入中发送值反应本机【英文标题】:send value in text input react native 【发布时间】:2020-09-18 06:10:40 【问题描述】:

原生的,

这里我取第一页的值。

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 发送第三次行程,但是当我控制台时该值未定义,爆炸在哪里?

【问题讨论】:

【参考方案1】:

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

 this.pros.navigation.route.params

【讨论】:

这里我用的是react navigation 4,数据已经出现了,请问如何使用userLocation发送到第三页

以上是关于在文本输入中发送值反应本机的主要内容,如果未能解决你的问题,请参考以下文章

反应本机文本输入,按下时更改光标位置

反应本机中的TextInput显示具有颜色背景的文本值

文本输入占位符在本机反应中下降

使用 textInput 和函数组件在本机反应中更改数组对象值

如何在本机反应中禁用文本输入的字体缩放(可访问性的动态类型)?

反应本机文本输入多行没有被键盘向上推