React native IOS，当TextInput被聚焦时，按钮按下不注册

Question

在react-native中，我有一个TextInput元素，当您单击它时，键盘会按需要弹出。然而，问题是，我有一个箭头按钮，当您将输入输入到TextInput中时，您可以单击该按钮，但第一次触摸该按钮或其他任何地方时，总是只删除键盘，而不会在箭头按钮上运行onPress功能。我如何使它，当我输入了我的文本，并仍然有键盘向上。下一次按下既可以移除键盘，又可以在按钮上执行onPress功能。现在用户必须双按。一次是移除键盘，第二次是执行onPress的函数。

    <View style={{flex: 1,backgroundColor: "#b70f42", justifyContent: "center", alignItems: "center"}}>
    <View style={{position: "relative"}}>

        <TextInput
                      style={{color: "#FFF", borderBottomColor: "#FFF", borderBottomWidth: 1,fontSize:30,padding: 0, paddingRight: 50,height: 40,width: this.state.width*3/4,shadowOffset: { width: 0, height: 0 }, shadowColor: 'black', shadowOpacity: 0.5, shadowRadius: 5}}
                      onChangeText={(passwordInput) => this.showArrow(passwordInput)}
                      value={this.state.passwordInput}
                      placeholder="Vart ska du?"
                      placeholderTextColor="#FFF"
          />
          <Text style={{marginLeft: 175,color:"#FFF"}}>Powered by IBM</Text>
          <TouchableHighlight underlayColor="rgba(255,255,255,0)" style={{position: "absolute", top: 0, right: 5,}} onPress={() => this.onSearchButtonClick()}>
          <Animated.Image 
            source={require("../../img/right-arrow.png")}
            style={{width:40, height: 40,opacity: this.state.arrowOpacity}}>

          </Animated.Image>
          </TouchableHighlight>
        </View>
    </View> 

Answer 1

如果将视图包装在滚动视图中，则可以。ScrollView有一个名为KeyboardShouldPersistTaps的属性。

keyboardShouldPersistTaps确定敲击后键盘何时保持可见。

“Never”（默认值），当键盘打开时，敲击聚焦文本输入的外部，将取消键盘。当这种情况发生时，孩子们不会收到水龙头。

<ScrollView keyboardShouldPersistTaps='handled' >
  //Other Components

  <Button onPress={() => {
    Keyboard.dismiss();
    //Your logic
  }}/>

</ScrollView>

希望这能有所帮助。