반응형 Flex2 플러터 Flex와 Expanded의 차이점 및 적절한 사용법 플러터(Flutter)에서 레이아웃을 구성할 때 Flex와 Expanded는 매우 중요한 위젯입니다.이 두 위젯은 유사해 보이지만, 사용 방법과 역할에서 중요한 차이점이 있습니다.이 포스트에서는 Flex와 Expanded의 차이점을 설명하고, 각각의 적절한 사용 방법에 대해 다룹니다.1. Flex와 Expanded란?Flex: 자식 위젯들을 주어진 축(Axis)을 따라 배치하는 컨테이너 위젯입니다. Row와 Column 위젯의 기반이 되는 더 일반적인 형태로, 수평(Axis.horizontal) 또는 수직(Axis.vertical) 방향으로 레이아웃을 구성할 수 있습니다.Expanded: Flex 계열 위젯(Row, Column, Flex)의 자식으로 사용되며, 남는 공간을 적절히 채우는 역할을 합니다... 2024. 8. 6. 플러터에서 반응형 디자인 구현하기 반응형 디자인은 다양한 화면 크기와 해상도에서 앱이 잘 보이도록 만드는 것을 의미해요.예를 들어, 핸드폰, 태블릿, 그리고 큰 모니터에서 모두 잘 작동하도록 만드는 거죠.플러터는 이를 쉽게 도와주는 도구들을 제공해요. 이 글에서는 초보자부터 고급 개발자까지 모두 이해할 수 있도록 단계별로 설명할게요.1. 기본 개념 이해하기반응형 디자인이란?반응형 디자인은 앱이 어떤 화면 크기에서도 잘 보이도록 만드는 것을 의미해요.작은 화면에서는 요소들이 작게 배치되고, 큰 화면에서는 요소들이 크게 배치되거나 추가적인 요소들이 나타날 수 있어요.MediaQuery 사용하기플러터에서는 MediaQuery 클래스를 사용하여 화면의 크기나 해상도 정보를 가져올 수 있어요.예를 들어, 다음 코드는 화면의 너비와 높이를 가져오는.. 2024. 7. 17. 이전 1 다음 반응형
