React Native 使用文本输入向 whatsapp 发送消息

Question

我正在尝试通过文本输入向 whatsapp 发送消息，

我要做的是输入手机号码 -> 完整输入消息 -> 使用 Linking.openURL 发送消息

但是当我尝试输入消息时问题是什么，当我没有完成将其引导到 WhatsApp 的输入时。我给你图片

如您所见，它只有 1 个字母（问题）

这是我的功能

sendOnWhatsApp = () => {
          console.log('test')
          let msg = this.state.msg;
          let mobile= this.state.mobile_no;

          if (mobile) {
               if (msg) {
                    let url = 'whatsapp://send?phone=62' + this.state.mobile_no + '&text=' + this.state.msg;
                    Linking.openURL(url).then(() => {
                         console.log('WhatasApp Opened');
                    }).catch(() => {
                         alert('Make Sure whatsapp is installed on your device');
                    });
               }else{
                    console.log('Please insert message to send');
               }
          }else{
               console.log('Please insert mobile no');
          }
     }

这是我的文本输入

render() {
          return (
               <View style={styles.container}>
                    <Text style={{textAlign: 'center', fontSize: 20, paddingVertical: 30}}>
                          Send Your Message to Whatsapp
                    </Text>

                    <TextInput 
                         value={this.state.mobile_no}
                         onChangeText={mobile_no => this.setState({mobile_no})}
                         placeholder={'87877900297'}
                         style={styles.input}
                         keyboardType={'numeric'}
                    />
                    <TextInput 
                         value={this.state.msg}
                         onChangeText={msg => this.setState({msg})}
                         placeholder={'Enter Your Message'}
                         style={styles.input}
                    />

                    <View style={{marginTop: 20}}>
                         <Button 
                              onPress={this.sendOnWhatsApp()}
                              title={'Send Message'}
                         />
                    </View>
               </View>
          )
     }

如何解决这个问题以完全输入，然后使用按钮发送消息？

先谢谢你！

Answer 1

您在将函数传递给 onPress 属性时调用它。您只需传递函数引用即可。

    onPress={this.sendOnWhatsApp}