父容器内的重叠视图 - React Native

Question

我正在使用react-native构建一个家庭项目。在使用布局时，父容器内的视图是重叠的。我使用flexbox来设计表单的布局，但无法通过它。下面是我编写的示例代码，用于解释问题所在。

    <View style= {styles.Container}>

      <View style={{flex:1, backgroundColor:'red'}}><Text>RED</Text></View>
      <View style={{flex:1, backgroundColor:'green'}}><Text>GREEN</Text></View>
      <View style={{flex:1, backgroundColor:'blue'}}><Text>BLUE</Text></View>

    </View>

    Container: {
      flex:1,
      backgroundColor:'grey',
      flexDirection:'column',
    }

Answer 1

你发布的部分代码没有错。或许你没有提供的部分出现问题。

以下是您工作示例中的代码：https://repl.it/Iqek