[3-1] container에 넣은 flexDirection을 large와 medium에 중복해서 넣는 이유가 궁금합니다.
58
작성한 질문수 2
CustomButton.tsx의 styles.container 에서 flexDirection: 'row'를 명시해줬는데, large와 medium에 중복해서 명시해주는 이유가 궁금합니다~!
답변 2
0
안녕하세요, 인프런 AI 인턴입니다. 지현동님!
flexDirection: 'row'를 styles.container에 명시한 후에도 large와 medium에 중복해서 선언한 이유는 각 스타일을 명확하게 정의하고, 필요에 따라 개별적으로 수정할 수 있도록 하기 위함입니다.
container는 모든 버튼에 공통적으로 적용되는 스타일로, 버튼들이 기본적으로 row 방향으로 배치되게끔 설정됩니다. 하지만, large 및 medium 스타일은 버튼 크기 및 내부 요소 배치와 관련된 스타일을 구체화합니다. 따라서, 각 스타일에서 flexDirection: 'row'를 다시 명시함으로써 특정 상황에서 해당 스타일이 보다 확실하게 적용되도록 보장할 수 있습니다. 이는 특히 다양한 컴포넌트들이 연관될 때 스타일링의 일관성을 유지하는 데 도움이 될 수 있습니다.
이와 관련된 추가적인 사항은 지식공유자께서 더 자세한 설명을 제공하실 수 있습니다. 유사한 상황의 상세한 설명을 포함한 게시물을 참고하고 싶으시면, 아래 링크를 확인해 보세요:
- container 에 flexDirection row 넣은 이유가 궁금합니다. - 이 게시물은 유사한 상황에서 flexDirection을 개별 스타일에 중복 적용하는 이유에 대해 논의합니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
react-native-screens 버전 호환 문제
2
153
1
안드로이드 실행 중 Drawer네비게이션과 MapView 성능 문제
0
103
2
해당 강의 부분은 실제 활용하기에 부족해 제가 해결한 방법입니다.
0
95
1
소스코드가 강의 순서랑 다른가요?
0
72
2
현재 Windows에서 VsCode로 작업 중인데 추후에 IOS도 가능하게 하려면
0
114
2
react-native-fast-image는 react 19 버전에서 설치가 안되나요?
0
205
2
SQL Shell의 역할이 무엇인가요?
0
89
1
혹시 해당 강의에서invalidateQueries를 사용한 이유가 있을까요?
0
79
2
빠르게 실행해보고싶습니다.
0
82
1
강의 수강 순서 관련
0
70
1
애뮬레이터 실행 방법
0
99
2
무료 Apple ID로 실기기 테스트 가능한가요?
0
89
2
ios 실기기 연결
0
70
2
npm run ios에러
0
74
1
10월 삭제 예정인 강의는 이유를 알 수 있을까요?
0
101
1
캘린더 개발 후에 navigation 에 대해서 궁금한 점이 있습니다.
0
51
1
안드로이드 위치 권한 이슈 2가지 문의
0
71
1
지도가 보이려면 음.. 작성해주신 스타일과 다르게
0
74
0
제대로 설치한거같은데 안드로이드랑 ios 둘다 앱실행이 안되는것같아요
0
83
3
강의 내용을 보면 전체적으로 function 함수 키워드를 사용하시는데
0
68
2
강의 3-9 에서 useGetRefreshToken 훅 안에 즉시 함수로 처리하는 이유가 궁금합니다!
0
79
2
사내에서 figma.com 업로드 안되나요?
0
93
1
AWS EC2 + RDS 설정
0
80
2
안드로이드 안켜집니다.
0
88
2