KeyboardAvoidingView與滾動查看

我是一種新的反應本地和有一個問題，我沒有在反應原生文檔中找到。KeyboardAvoidingView與滾動查看

我期待到這個組件KeyboardAvoidingView： https://facebook.github.io/react-native/docs/keyboardavoidingview.html

問題很簡單 - 有沒有人有KeyboardAvoidingView工作尼斯滾動型？我在一個組件中有很多TextInputs（TextInputs的總和高度大於設備高度），一旦出現鍵盤，我有各種問題。如果我使用View而不是ScrollView，那麼一切都很好，但我不能使用它，因爲我需要更多的空間，然後設備高度..找不到任何關於滾動KeyboardAvoidingView文檔。

謝謝。

來源

2016-11-05 user1341104

看起來好像facebook還沒有爲scrollViews實現解決方案。但我發現解決方案由維克斯 - https://github.com/wix/react-native-keyboard-aware-scrollview作品像它應該:)

來源

2016-11-05 14:36:31 user1341104

我也試圖找到在互聯網上的解決方案，但弄清楚自己。我能夠使keyboardavoidingview與iPhone SE模擬器上的滾動視圖一起工作。我用 padding type'position'with'keyboardVerticalOffset'來獲得一些更高的值。希望這可以幫助所有被困在此的人

render() { 
    return (
    <View style={…..}> 
     <ScrollView> 
       <KeyboardAvoidingView style={{ flex: 1 }} 
       keyboardVerticalOffset={100} behavior={"position"}> 
       <TextInput style={styles.editInput} …./> 

      </KeyboardAvoidingView> 
     </ScrollView> 
    </View> 
)}

來源

2017-12-05 07:20:43 Waseem05

KeyboardAvoidingView與滾動查看

回答

相關問題