2016-11-05 125 views
10

我是一种新的反应本地和有一个问题,我没有在反应原生文档中找到。KeyboardAvoidingView与滚动查看

我期待到这个组件KeyboardAvoidingView: https://facebook.github.io/react-native/docs/keyboardavoidingview.html

问题很简单 - 有没有人有KeyboardAvoidingView工作尼斯滚动型?我在一个组件中有很多TextInputs(TextInputs的总和高度大于设备高度),一旦出现键盘,我有各种问题。如果我使用View而不是ScrollView,那么一切都很好,但我不能使用它,因为我需要更多的空间,然后设备高度..找不到任何关于滚动KeyboardAvoidingView文档。

谢谢。

回答

0

我也试图找到在互联网上的解决方案,但弄清楚自己。我能够使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> 
)}