react native android keyboard empty space

Posted 2021-05-07

我正在尝试解决我们在android上遇到的键盘问题。由于react-native-gifted-chat，我们必须使用android:windowSoftInputMode="adjustResize"而不是adjustPan。问题是，聊天在没有adjustResize的情况下中断，而所有其他内容（例如，表单中的某些文本字段）在没有adjustPan的情况下中断。我还尝试了adjustResize|adjustPan，adjustPan|adjustResize，并尝试在Form组件上使用KeyboardAvoidingView，但似乎没有任何效果。不使用adjustResize的情况下使用KeyboardAvoidingView时的外观如下。它在键盘上方创建了一些不可单击的灰色区域。请注意，由于聊天，无法绕开adjustResize ...

提前感谢！

答案

对于那些为相同而苦苦挣扎的人：

包react-native-set-soft-input-mode允许您更改softInputMode，例如对于聊天，以下方法可以正常工作：

useEffect(() => {
    if (Platform === 'android') {
      SoftInputMode.set(SoftInputMode.ADJUST_RESIZE);
    }
    return () => {
      if (Platform === 'android') {
        SoftInputMode.set(SoftInputMode.ADJUST_PAN);
      }
    };
  }, []);