reactjs - 使用 ScrollView 避免键盘输入

Question

我是 React Native 的新手，有一个问题我在 React Native 文档中没有找到。

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

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

谢谢。

Answer 1

这就是我的解决方案，它可以工作并在焦点输入时自动滚动。我在世博会上尝试过这个。

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