react-native – ReactNative：TextInput在FlexLayout中消失

发布时间：2020-12-15 20:12:40 所属栏目：百科来源：网络整理

导读：我正在学习本机反应,当我尝试在flex布局中使用TextInput组件时,它会消失. index.android.js //....render(){ return ( View style={ {flex:1,flexDirection:'row'}} TextInput placeholder="test"/ /View )}//.... 我很困惑. 解决方法我试图设置TextInput的

我正在学习本机反应,当我尝试在flex布局中使用TextInput组件时,它会消失.

index.android.js

//....
render(){
    return (
        <View style={  {flex:1,flexDirection:'row'}}>
            <TextInput placeholder="test"/>
        </View>
    )
}

//....

我很困惑.

解决方法

我试图设置TextInput的高度,但它不起作用. 我最终成功地将宽度或{flex：1}设置为TextInput. 我认为,当parant容器设置为{flexDirection：“row”}时,TextInput的宽度为0,所以我看不到它.默认情况下,父容器的flex方向为’column’,TextInput Element调整自身的{flex：1}以填充父容器.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!