android - 键盘隐藏 Android React Native webview 的内容

Question

我正在使用React Native的<WebView>组件。

documentation没有提到当 webview 的 HTML 包含 <input> 时如何处理隐藏 webview 的键盘这在 Android 中成为焦点。

有人解决这个问题了吗？我找到了一个似乎适用于常规 <View> 的库，但不是<WebView> .

Answer 1

你可以用 KeyboardAvoidingView 包装你的 WebView

  <KeyboardAvoidingView
    behavior={Platform.select({ ios: "position", android: null })}
    enabled
    contentContainerStyle={{ flex: 1 }}
    keyboardVerticalOffset={Platform.select({ ios: offset, android: 20 })}
    style={{ flexGrow: 1 }}
  >
    <WebView/>
  </KeyboardAvoidingView>