react-native 页脚出现在 android 的键盘上方

Question

我有这个 react-navigation TabNavigator 组件，问题是当表单输入聚焦时，TabNavigator 页脚出现在键盘顶部，并且仅在 Android 上发生。如何解决这个问题？我尝试添加样式，例如 位置：'绝对'， 底部：0 在 tabBar 选项中。 这是我的 TabNavigator

export const AuthTaber = TabNavigator(
  {
    Signin: { screen: Signin },
    Signup: { screen: Signup }
  },
  {
    tabBarPosition: 'bottom',
    swipeEnabled: true,
    animationEnabled: true,
    lazy: true,
    tabBarComponent: props => {
      return(
        <Footer>
          <FooterTab style={Style.bgBlack}>
            <Button
              vertical
              // active={props.navigationState.index === 0}
              onPress={() => props.navigation.navigate('Signin')}
              >
              <Text style={Style.white}>Sign In</Text>
            </Button>
            <Button
              vertical
              // active={props.navigationState.index === 1}
              onPress={() => props.navigation.navigate('Signup')}
              >
              <Text style={Style.white}>Sign Up</Text>
            </Button>
          </FooterTab>
        </Footer>
      );
    }
  }
);

Answer 1

添加这个

<activity
.....
        android:windowSoftInputMode="stateUnspecified|adjustPan"

.....

在 AndroidManifest.xml 中

Answer 2

使用 View 而不是 footer 和 native-base

   <View style={Style.bgBlack}>    // Do not have width and height in style
      <Button
        vertical
        // active={props.navigationState.index === 0}
        onPress={() => props.navigation.navigate("Signin")}
      >
        <Text style={Style.white}>Sign In</Text>
      </Button>
      <Button
        vertical
        // active={props.navigationState.index === 1}
        onPress={() => props.navigation.navigate("Signup")}
      >
        <Text style={Style.white}>Sign Up</Text>
      </Button>
    </View>