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

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

강의 내용 중에서 JustifyContent:"flex-end"를 사용하면 영역 오른쪽에 붙여넣어 진다고 하셨는데, 캡쳐한 부분에서는 빨간박스, 즉 아래부분에 넣어집니다.

강사분께서 말씀하시길, Innertwo의 콘텐츠의 기본적인 정렬방향이 위에서 아래라고 하셨는데, 그 부분을 어디서 알 수 있는지 궁금합니다..

그리고 그 아래줄에 flexDirection:"row"를 넣으면, 원래 원하던대로 오른쪽 위에 글씨를 넣을 수 있다고 하셨네요.

보고 계신 화면 전

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

작성한 코드 및 에러 메세지

const styles = StyleSheet.create({

  container: {

    flex:1

  },

  containerOne: {

    flex:1,

    backgroundColor:"red"

  },

  containerTwo:{

    flex:2,

    flexDirection:"row",

    backgroundColor:"yellow"

  },

  innerOne: {

    flex:1,

    backgroundColor:"blue"

  },

  innerTwo: {

    flex:4,

    justifyContent:"flex-start",

    backgroundColor:"orange"

  }

});