인프런 커뮤니티 질문&답변

Ryan Kim님의 프로필 이미지

작성한 질문수

맛집 지도앱 만들기 (React Native + NestJS)

[3-1] 홈 스크린 구현하기

container 에 flexDirection row 넣은 이유가 궁금합니다.

해결된 질문

24.06.09 14:56 작성

·

135

·

수정됨

1

[3-1] 홈 스크린 구현하기 4:13

에서 버튼 스타일 망가진걸 수정하시면서 flexDirection: 'row' 를 container, large, medium 객체에 추가하시고, styles[size] 를 <Text> 로 옮기셨는데 어떤 이유에서 이렇게 하신건지 잘 이해가 안됩니다.

혹시 이유에 대해 조금 더 보충설명 해 주실 수 있으신가요?

 

flexDirection 이 뭔지는 이해하고 있는데, 이 상황에서 이게 어떻게 스타일을 고친건지 감이 잘 안잡히네요.

 

감사합니다.

답변 1

1

Kyo님의 프로필 이미지
Kyo
지식공유자

2024. 06. 09. 23:03

RN에서는 기본적으로 flexDirection이 column이기 때문에 row로 변경해주었습니다. 그리고 styles[size]를 Text로 옮기진 않았고 View로 옮겼습니다. View안에 text말고도 icon도 넣을 수 있게 할 예정이라 View로 크기를 잡아준것입니다.

Ryan Kim님의 프로필 이미지

작성한 질문수

질문하기