react-native页脚显示在android键盘上方
react-native页脚显示在android键盘上方
提问于 2018-06-07 22:49:07
我有一个反应导航TabNavigator组件，问题是当表单输入被聚焦时，TabNavigator页脚会出现在键盘顶部，而且这种情况只在Android上发生。如何解决这个问题？我尝试过在tabBarOptions中添加position：'absolute'，bottom: 0这样的样式。这是我的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>
);
}
}
);回答 2
Stack Overflow用户
发布于 2018-11-19 17:51:28
只需添加以下内容
<activity
.....
android:windowSoftInputMode="stateUnspecified|adjustPan"
.....在AndroidManifest.xml中
Stack Overflow用户
发布于 2018-09-13 07:16:34
使用视图而不是页脚和本机基础
<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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50744225
复制相关文章
相似问题