react-native - react 原生 : TextInput disappear in FlexLayout

Question

我正在学习 react-native，当我尝试在 flex 布局中使用 TextInput 组件时，它消失了。

索引.android.js

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

//....

我很困惑。

Answer 1

我试图设置 TextInput 的 height ，但它不起作用。
我终于成功地将宽度或 {flex:1} 设置为 TextInput。
我认为，当父容器设置为 {flexDirection:"row"} 时，TextInput 的宽度为 0，所以我看不到它。默认情况下，父容器的 flex 方向是 'column'，TextInput 元素调整自身的 {flex:1} 以填充父容器。