我是新来的本机响应者,有一个我在本机响应文档中找不到的问题。

我正在研究此组件KeyboardAvoidingView:
https://facebook.github.io/react-native/docs/keyboardavoidingview.html

问题很简单-有谁能使KeyboardAvoidingViewScrollView更好地配合?我在一个组件中有许多TextInputs(TextInputs高度的总和大于设备高度),一旦键盘出现,我就会遇到各种问题。
如果我使用View而不是ScrollView,那么一切都很好,但是我不能使用它,因为我需要的空间比设备高度大。
我在KeyboardAvoidingView文档中找不到有关Scroll的任何信息。

谢谢。

最佳答案

这就是我的解决方案,它可以工作并在焦点输入时自动滚动。我在世博会上尝试过,希望对您有所帮助。

<KeyboardAvoidingView style={{ flex: 1, flexDirection: 'column',justifyContent: 'center',}} behavior="padding" enabled   keyboardVerticalOffset={100}>
    <ScrollView>
        <View style={Styles.row}>
            //your view
        </View>
    </ScrollView>
</KeyboardAvoidingView>

关于reactjs - 带有ScrollView的KeyboardAvoidingView,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/40438986/

10-09 23:19