javascript - 在父容器内重叠 View - React Native

Question

我正在用 react-native 构建一个家庭元素。在玩布局时，父容器内的 View 是重叠的。我正在使用 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