react-native-navigation:如何在显示键盘时隐藏bottomTabs？

Question

我正在使用bottomTabs导航器从react-native-navigaton到我的应用程序中的导航。但是，每次我有一个TextInput字段时，bottomTabs都会被向上推。

在显示键盘时，隐藏bottomTabs的可能方法是什么？

Answer 1

将以下内容添加到android/app/src/AndroidManifest.xml中的android清单中

在activity标记中添加/替换此属性

底部的标签现在应该是隐藏的。

android:windowSoftInputMode="stateUnspecified|adjustPan"

Answer 2

使用React挂钩打开键盘时，可以通过编程方式隐藏底部选项卡

  const _keyboardDidShow = useCallback(() => {
    navigation.setOptions({
      tabBarVisible: false,
    });
  }, [navigation]);

  const _keyboardDidHide = useCallback(() => {
    navigation.setOptions({
      tabBarVisible: true,
    });
  }, [navigation]);

  useEffect(() => {
    Keyboard.addListener('keyboardDidShow', _keyboardDidShow);
    Keyboard.addListener('keyboardDidHide', _keyboardDidHide);

    // cleanup function
    return () => {
      Keyboard.removeListener('keyboardDidShow', _keyboardDidShow);
      Keyboard.removeListener('keyboardDidHide', _keyboardDidHide);
    };
  }, [_keyboardDidHide, _keyboardDidShow]);