react-native-navigation：显示键盘时如何隐藏bottomTab？

Question

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

每当显示键盘时，有什么方法可以隐藏bottomTab？

Answer 1

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

在活动代码中添加/替换此属性

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

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]);