2016-08-17 42 views
0

我有一個ScrollView到TextInput控件。從ScrollView中的一個TextInput點擊到另一個不應該關閉鍵盤

<ScrollView contentContainerStyle={styles.container}> 
    <TextInput style={styles.input}/> 
    <TextInput style={styles.input}/> 
</ScrollView> 

單擊TextInput時,鍵盤會按預期顯示。如果我在查看區域的TextInput之外單擊,鍵盤應該會消失,因爲它現在發生了。另外,我點擊另一個TextInput,鍵盤應該保留在屏幕上。從屏幕上的一個TextInput移動到另一個TextInput時,需要兩次點擊或點擊。

這與另一個StackOverflow question類似。當我在問題中實現答案時,敲擊ScrollView時鍵盤不會消失。

可以找到RNPlay here

+0

他們在v0.27中添加了一些鍵盤事件。看看它,它可能會幫助你:https://github.com/facebook/react-native/releases/tag/v0.27.0 – abeikverdi

回答

2

ScrollView使用keyboardShouldPersistTaps應該取消對其他TextInput

<ScrollView contentContainerStyle={styles.container} 
      keyboardShouldPersistTaps ={true}> 
    <TextInput style={styles.input}/> 
    <TextInput style={styles.input}/> 
</ScrollView> 

點擊當解僱行爲,但點擊TextInput

外時考慮ScrollView,當增加一個點擊監聽,它禁用鍵盤解僱行爲點擊檢測隱藏鍵盤使用react-native-dismiss-keyboard模塊

+0

謝謝你告訴使用react-native-dismiss-keyboard – santhosh

相關問題