bVbG3wN

当输入框在底部的时候, 唤起键盘会造成遮挡问题,解决方法如下:

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就是自动失去焦点,收起键盘。

Logo

智屏生态联盟致力于大屏生态发展,利用大屏快应用技术降低开发者开发、发布大屏应用门槛

更多推荐