Flutter에서 Card 위젯은 내용과 스타일이 통일된 정보를 표시하는 데 유용한 UI 요소입니다. 카드 위젯은 일반적으로 그림자와 모서리가 둥근 테두리를 가지고 있으며, 정보를 그룹화하여 사용자에게 시각적으로 구분된 영역을 제공합니다. 이번 글에서는 Flutter의 Card 위젯의 다양한 기능과 사용법에 대해 자세히 살펴보겠습니다.1. 기본 Card 사용법Card 위젯의 기본적인 사용법은 단순합니다. 자식 위젯을 포함하는 카드 레이아웃을 만들 수 있습니다. Card( child: Padding( padding: EdgeInsets.all(16.0), child: Text('Hello, Flutter!'), ),) 위 코드는 텍스트를 포함한 기본적인 카드를 생성합니다. Padding 위젯..
분류 전체보기
Flutter에서 Row 위젯은 자식 위젯들을 수평으로 배치하는 데 사용됩니다. 화면을 구성할 때 자주 사용되는 Row 위젯은 레이아웃을 구조화하고, 위젯들을 가로로 나열하는 데 매우 유용합니다. 이번 글에서는 Flutter의 Row 위젯의 다양한 기능과 사용법에 대해 자세히 살펴보겠습니다.1. 기본 Row 사용법Row 위젯의 기본적인 사용법은 여러 자식 위젯을 수평으로 배치하는 것입니다. Row( children: [ Text('Item 1'), Text('Item 2'), Text('Item 3'), ],) 위 코드는 세 개의 텍스트 위젯을 수평으로 나열하는 간단한 Row를 생성합니다.2. MainAxisAlignment 사용Row 위젯의 mainAxisAlignment 속성은 주..
Flutter에서 Column 위젯은 자식 위젯들을 수직으로 배치하는 데 사용됩니다. 화면을 구성할 때 자주 사용되는 Column 위젯은 레이아웃을 구조화하고, 위젯들을 세로로 나열하는 데 매우 유용합니다. 이번 글에서는 Flutter의 Column 위젯의 다양한 기능과 사용법에 대해 자세히 살펴보겠습니다.1. 기본 Column 사용법Column 위젯의 기본적인 사용법은 여러 자식 위젯을 수직으로 배치하는 것입니다. Column( children: [ Text('Item 1'), Text('Item 2'), Text('Item 3'), ],) 위 코드는 세 개의 텍스트 위젯을 수직으로 나열하는 간단한 Column을 생성합니다.2. MainAxisAlignment 사용Column 위젯의..
Flutter에서 Stack 위젯은 자식 위젯들을 겹쳐서 배치하는 데 사용됩니다. 이는 복잡한 레이아웃을 구성하거나 여러 위젯을 중첩하여 표시할 때 유용합니다. Stack 위젯은 자식 위젯들을 쌓아 올리는 방식으로 배치하며, 각 자식 위젯의 위치는 Positioned 위젯을 사용하여 지정할 수 있습니다. 이번 글에서는 Flutter의 Stack 위젯의 다양한 기능과 사용법에 대해 자세히 살펴보겠습니다.1. 기본 Stack 사용법Stack 위젯의 기본적인 사용법은 여러 자식 위젯을 겹쳐서 배치하는 것입니다. Stack( children: [ Container( width: 200, height: 200, color: Colors.red, ), Container(..
