* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

containerThree를 넣었는데 green색이 안나오는게 궁금합니다.

영역을 각각1로 3개로 나누면 container: {

    flex:1

  },일때 3등분 되야 하는게 아닌가요?

체를 캡처해 주시면, 튜터님들이 빠르게 상황을 이해할 수 있어요.

작성한 코드 및 에러 메세지

import React from 'react';

import { StyleSheet, Text, View } from 'react-native';

export default function App() {

  return (

    <View style={styles.container}>

      <View style={styles.containerOne}>

      </View>

      <View style={styles.containerTwo}>

      </View>

    </View>

  );

}

const styles = StyleSheet.create({

  container: {

    flex:1

  },

  containerOne: {

    flex:1,

    backgroundColor:"red"

  },

  containerTwo:{

    flex:1,

    backgroundColor:"yellow"

  },

  containerThree:{

    flex:1,

    backgroundColor:"green"

  }

});