프레임워크 (19) 썸네일형 리스트형 플러터에서 Row 위젯으로 가로로 배치하기! 안녕하세요! 플러터를 배우면서 꽤나 재밌는 경험들을 하고 있는데요, 오늘은 그 중에서 Row 위젯에 대해 이야기해보려고 합니다. 이 위젯은 화면에 뭐가 좀 있으면 그것들을 가로로 나열하고 싶을 때 쓰는 아주 편리한 친구입니다! 1. Row 위젯이란? 간단하게 말해서, Row는 안에 있는 것들을 가로로 나열해주는 역할을 합니다. 아이콘을 가로로 두 개 나열하고 싶거나, 글씨와 아이콘을 가로로 나란히 놓고 싶을 때 이 위젯을 사용하면 딱 좋아요! 2. 어떻게 쓰는 건데? 아래와 같이 코드를 작성하면 됩니다. 쉽죠? Row( children: [ Icon(Icons.star), Text('별표 좋아요!'), Icon(Icons.favorite), Text('하트도 좋아요!'), ], ) 별표 아이콘과 '별표 .. 플러터로 UI 만들 때 필요한 Column 위젯 알아보기 플러터로 앱을 만들다 보면 화면에 여러 요소를 세로로 나열할 때가 많아요. 그럴 때 사용하는 게 바로 Column 위젯이에요. 오늘은 이 Column에 대해 쉽게 알아볼까 합니다. Column 위젯이 뭐야? Column은 간단하게 말하면 여러 요소들을 세로로 쭉 나열해 주는 친구입니다. 화면에 글, 그림, 버튼 등을 세로로 배치하고 싶을 때 사용해요. 어떻게 쓰는 거지? Column은 아주 쉽게 쓸 수 있어요. children이라는 곳에 원하는 요소들을 리스트로 넣어주면 됩니다. Copy code Column( children: [ Text('첫 번째 글귀'), Text('두 번째 글귀'), Text('세 번째 글귀'), ], ) 위의 코드는 세 줄의 글을 세로로 나열한 거에요. 뭐가 특별해? Colum.. 플러터의 핵심! Container 위젯 깊게 알아보기: 사용법부터 최적화까지 플러터에서 UI를 구성할 때 가장 기본이 되는 위젯 중 하나는 바로 Container입니다. 이 포스트에서는 Container 위젯의 핵심적인 사용법부터 다양한 활용 예시까지 알아보도록 하겠습니다. Container 위젯이란? Container는 플러터에서 다양한 디자인을 적용할 수 있는 범용 위젯입니다. 크기, 마진, 패딩, 색상, 테두리 등 다양한 스타일을 적용할 수 있어 UI 구성의 기본 블록처럼 활용됩니다. 기본적인 사용법 Container는 간단하게 아래와 같이 사용할 수 있습니다. Copy code Container( width: 100.0, height: 100.0, color: Colors.blue, child: Text('안녕하세요!'), ) 위의 코드는 너비와 높이가 각각 100.0인 .. 이전 1 2 3 다음