rn android软键盘遮挡布局处理,完美解决RN 键盘遮挡问题
当输入框在底部的时候, 唤起键盘会造成遮挡问题,解决方法如下:class ForumDetail extends React.Component {render(){let behavior = Platform.OS == 'ios' ? 'padding' : nullreturn (style={{ flex: 1 }}>渲染的评论style={{ width: px2dp(34),
当输入框在底部的时候, 唤起键盘会造成遮挡问题,解决方法如下:
class ForumDetail extends React.Component {
render(){
let behavior = Platform.OS == 'ios' ? 'padding' : null
return (
style={{ flex: 1 }}
>
渲染的评论
style={{ width: px2dp(34), height: px2dp(34), marginHorizontal: px2dp(8) }}
source={write}
/>
value={this.state.comment}
placeholder={'写下你的评论'}
textAlignVertical = "center"
multiline={true}
textAlign='left'
onChangeText={text => { this.setState({ comment: text }) }}
// onContentSizeChange = {e => this.multilineChange(e)}
style={{ fontSize: px2dp(22), width: "94%"}}>
{ this.submitComment() }}>发表
);
}
}
发现在ios没有问题, 但是在android上有问题,查阅之后解决方法如下:
找到:项目目录androidappsrcmainAndroidManifest.xml
修改:
android:windowSoftInputMode="stateAlwaysHidden|adjustPan"
另外: ScrollView是必须的, 这样点击ScrollView所在区域,TextInput就是自动失去焦点,收起键盘。
更多推荐
所有评论(0)