父视图不符合其高度

Question

我有两个孩子，很简单。我希望父视图的高度为80度，两个孩子的高度相同。但是两个孩子都是隐藏的。我的理解有什么问题？

export default class SignUpSignInScreen extends React.Component {
  render() {
    return (
      <View style={{ flexDirection: 'column' }}>
        <View
          style={{
            height: 80,
            flexDirection: 'row',
            borderColor: 'gray',
            borderWidth: 1,
            flex: 1,
          }}
        >
          <Text style={{ borderColor: 'gray', borderWidth: 1, flex: 1 }}> +91</Text>
          <TextInput
            style={{
              backgroundColor: 'powderblue',
              borderColor: 'gray',
              borderWidth: 1,
              flex: 1,
            }}
            placeholder="Enter your phone number"
          />
        </View>
      </View>
    );
  }
}

Answer 1

删除第一个View或从第二个视图中删除flex:1。 世博会link