Javascript 在android上,react本机页脚显示在键盘上方
我有一个react navigation TabNavigator组件,问题是当表单输入被聚焦时,TabNavigator页脚出现在键盘的顶部,并且只在Android上出现。如何解决这个问题?我尝试过添加一些样式,例如 位置:'绝对', 底部:0 在禁忌中。 这是我的导航表Javascript 在android上,react本机页脚显示在键盘上方,javascript,android,react-native,native-base,Javascript,Android,React Native,Native Base,我有一个react navigation TabNavigator组件,问题是当表单输入被聚焦时,TabNavigator页脚出现在键盘的顶部,并且只在Android上出现。如何解决这个问题?我尝试过添加一些样式,例如 位置:'绝对', 底部:0 在禁忌中。 这是我的导航表 export const AuthTaber = TabNavigator( { Signin: { screen: Signin }, Signup: { screen: Signup } },
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>
);
}
}
);
导出常量AuthTaber=TabNavigator(
{
签名:{屏幕:签名},
注册:{屏幕:注册}
},
{
tabBarPosition:'底部',
是的,
animationEnabled:没错,
懒惰:是的,
tabBarComponent:props=>{
返回(
props.navigation.navigate('Signin')}
>
登录
props.navigation.navigate('Signup')}
>
注册
);
}
}
);
使用视图而不是页脚和本机基
<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>
//样式中没有宽度和高度
props.navigation.navigate(“登录”)}
>
登录
props.navigation.navigate(“注册”)}
>
注册
只需添加这个
<activity
.....
android:windowSoftInputMode="stateUnspecified|adjustPan"
.....
请参见反应导航问题