发送/提交按钮不调用React Native中的链接函数

问题描述 投票:0回答:1

当键盘抬起/

TextInput
处于焦点时,下例中的按钮似乎没有调用与其链接的函数。不过,当键盘按下时它确实可以工作。

我最好的猜测是,当

TextInput
处于焦点上时,第一次按下按钮将用于将焦点从
TextInput
上移开(尽管不是典型行为),并且随后按下按钮会启动链接功能。这也可以解释为什么当键盘按下时,该函数会在每次按下事件时被调用。

function msgInputHandler() {
    console.log("Test");
  }

 <View style={styles.msgInputContainer}>
  <TextInput
    placeholder="Message..."
    style={[styles.search, { width: "85%" }]}
  />
  <Pressable onPress={msgInputHandler}>        
    <Ionicons name="arrow-up-circle" size={40} color="orange" />       
  </Pressable>
</View>

我已经删除了上面示例中的所有状态更新代码,所有这些代码都与问题无关。

用户在输入字段中输入一些文本后应该按下该按钮,然后启动 API 调用。因此,可以假设只有当键盘弹起时才会点击该按钮。

android ios react-native react-native-textinput pressable
1个回答
0
投票

它工作得很好。我现在刚刚尝试过,在这两种情况下都记录了该功能。

© www.soinside.com 2019 - 2024. All rights reserved.