android - 自动填充部分与 KeyboardAvoidingView 重叠

Question

我最近一直在为 android 上的键盘问题而苦苦挣扎。

该KeyboardAvoidingView组件在两个平台（iOS 和 Android）上都按预期工作，但有一种情况是自动填充部分（在键盘顶部）与内容重叠。

这是一个演示：

如果输入已经有值没有问题，但如果值为空，自动填充部分会弹出并与浮动按钮重叠。

有谁知道如何解决这个问题？要么KeyboardAvoidingView意识到自动填充的额外空间，要么监听事件以调整我的布局（例如，在底部添加一些填充）。

更多信息：

我已经订阅keyboardDidShow/keyboardDidHide了图像动画的事件。

经过反复试验，behavior: Platform.select({ ios: 'padding', android: null })为我工作（自动填充问题除外）。

布局如下所示：

  return (
    <KeyboardAvoidingView>
      <ViewLayout>
        {/* Content here */}
      </ViewLayout>
      <Button />
    </KeyboardAvoidingView>
  );

这是一个带有代码示例的 Expo Snack（选择 Android 平台）：

https://snack.expo.io/@nico-amabile/autofill-and-keyboardavoidingview

标签： androidreact-native