React-Native - KeyboardAvoidingView - 错误

Question

我使用 keyboardAvoidingView 来显示输入并使用下一个焦点。但是，当我点击第一个输入（打印标签 1623 - Acidez）时，这是隐藏的。怎么显示这个？

<ReactNative.View key={this.state.selectedTabIndex}>
                <ReactNative.ScrollView style={{ height: this.props.styles.height - 40 }}>

                    <ReactNative.KeyboardAvoidingView
                        keyboardVerticalOffset={0}

                        behavior="position"
                        contentContainerStyle={{ paddingTop: this.state.size }}
                    >
                        {this.tabs[this.state.selectedTabIndex].render()}
                    </ReactNative.KeyboardAvoidingView>

                </ReactNative.ScrollView>
            </ReactNative.View>

Answer 1

KeyboardVerticalOffset 应该是屏幕顶部和 KeyboardAvoidingView 顶部之间的距离。如果您使用的是 Flex，该数字将会有所不同，具体取决于您查看应用程序的设备的大小。

我发现的最简单的方法是简单地用 KeyboardAvoidingView 包裹整个页面。通过将其设为顶级包装器，您将永远不必担心 KeyboardVerticalOffset。

尝试从那里开始的三种行为选项，直到获得有效的结果。

Answer 2

如果你将 'keyboardVerticalOffset' 增加到更大的值，比如 KeyboardAvoidingView 的 '100' 到更大的数量，它会从键盘向上滚动从而避免它。我也花了很多时间在互联网上找到正确的解决方案，但最终自己弄清楚了-native' 版本'0.50.4'。我让它像这样工作

<View style={…..}>
      <ScrollView>
         <KeyboardAvoidingView style={{ flex: 1 }}
            keyboardVerticalOffset={100} behavior={"position"}>

        </KeyboardAvoidingView>
      </ScrollView>
 </View>