React Native TextInput blur消耗TouchableHighlight按事件

Question

當我點擊紅色的Post按鈕， <TouchableHighlight>時，我想要提交<TextInput> <TouchableHighlight> 。 當TextInput聚焦時，我完成輸入並點擊Post按鈕，鍵盤關閉但按鈕沒有注冊水龍頭。

我嘗試使用TextInput onBlur事件，但它沒有給我觸摸點的坐標，所以我不知道觸摸點是否實際上在按鈕上。

Answer 1

您需要將屬性keyboardShouldPersistTaps = {true}添加到ScrollView。

以下是文檔的說法：

keyboardShouldPersistTaps bool：

如果為false，則在鍵盤啟動時輕敲聚焦文本輸入外部會解除鍵盤。 如果為true，則滾動視圖將不會捕獲水龍頭，並且鍵盤不會自動消失。 默認值為false。

Answer 2

@frank，我想你找到了一個可行的解決方案，但除了'keyboardShouldPersistTaps'之外，如果你用一個調用dismissKeyboard的onPress將你的視圖包裝在一個TouchableWithoutFeedback元素中，它應該解決這個問題。

 <ScrollView keyboardShouldPersistTaps={true} ref='scrollView'>
   <TouchableWithoutFeedback onPress={dismissKeyboard}>
     <View>
     -View Content-
     </View>
  </TouchableWithoutFeedback>
</ScrollView>