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

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

 return (

    <View>

      <View style={styles.containerOne}>

      </View>

      <View style={styles.containerTwo}>

      </View>

    </View>

 )

const styles = StyleSheet.create({

  containerOne: {

    flex:1,

    backgroundColor:"red"

  },

  containerTwo:{

    flex:2,

    backgroundColor:"yellow"

  }

로 기존의 부모태그에 있던 container부분을 아예 삭제하면 왜 하얀화면만 나오나요? 무조건 부모태그에 flex : 1을 해줘야 하나요? 그 이유가 뭔가요

작성한 코드 및 에러 메세지