본문 바로가기
728x90

Flutter290

플러터에서 Row, Column, Vertical, Horizontal 차이와 사용법 가이드 플러터에서 레이아웃을 구성할 때 가장 기본적으로 사용하는 요소 중 하나는 바로 Row, Column, Vertical, Horizontal입니다. 이 요소들은 모두 자식 위젯들을 특정 방향으로 배치하는 데 사용되지만, 미묘한 차이점과 사용 상황에 따라 적절하게 선택해야 합니다.이 블로그 글에서는 Row, Column, Vertical, Horizontal의 차이점을 명확하게 비교하고, 각 요소의 특징과 사용법, 그리고 언제 어떤 것을 선택해야 하는지에 대한 가이드를 제공합니다. 1. Row vs ColumnRow: 자식 위젯들을 가로 방향으로 왼쪽에서 오른쪽 순서대로 배치합니다. 마치 한 줄로 나열하는 것과 같습니다.Column: 자식 위젯들을 세로 방향으로 위에서 아래 순서대로 배치합니다. 마치 여러 .. 2024. 6. 15.
플러터 Column과 Row 위젯 사용법 완벽 가이드 플러터에서 레이아웃을 구성하는 데 가장 기본적인 위젯 중 하나는 바로 Column과 Row 위젯입니다. Column 위젯은 자식 위젯들을 세로 방향으로 나열하고, Row 위젯은 자식 위젯들을 가로 방향으로 나열하는 데 사용됩니다.이 블로그 글에서는 Column과 Row 위젯의 사용법과 주요 옵션들을 자세히 살펴보고, 실제 코드 예시와 함께 다양한 배치 구현 방법을 알아보겠습니다. 1. Column 위젯 Column 위젯은 자식 위젯들을 위에서 아래로 순서대로 배치합니다.기본적으로 자식 위젯들은 균등하게 공간을 차지하지만, mainAxisAlignment 속성을 사용하여 정렬 방식을 조정할 수 있습니다.또한, crossAxisAlignment 속성을 사용하여 자식 위젯들을 가로축 기준으로 정렬 방식을 조정.. 2024. 6. 15.
플러터에서 Container와 SizedBox : 메모리 관리 관점 비교 플러터 앱 개발에서 레이아웃 구성에 핵심적인 역할을 하는 컨테이너와 사이즈드 박스 위젯은 각각 장단점을 가지고 있으며, 메모리 관리 측면에서도 차이점이 존재합니다. 이 블로그 글에서는 컨테이너와 사이즈드 박스의 메모리 관리 특징을 자세히 비교하고, 개발자들이 효율적인 메모리 사용을 위해 고려해야 할 사항들을 제시합니다. 1. 컨테이너 위젯의 메모리 관리 컨테이너 위젯은 자체적으로 decoration 속성을 통해 다양한 시각 효과를 구현할 수 있으며, 이는 추가적인 메모리 사용을 초래합니다. 또한, 배경색, 여백, 패딩 등의 속성 설정도 메모리 사용량에 영향을 미칩니다. 컨테이너 위젯의 메모리 사용 특징decoration 속성을 사용하면 추가적인 메모리 사용이 발생합니다.배경색, 여백, 패딩 등의 속성 설.. 2024. 6. 15.
플러터에서 Cantainer 와 SizedBox, 언제 어떤 것을 사용해야 할까요? 플러터 개발에서 레이아웃을 구성할 때 컨테이너와 사이즈드 박스는 가장 기본적으로 사용되는 위젯입니다.두 위젯 모두 크기와 위치를 설정하는 데 사용되지만, 약간의 차이점과 장단점이 존재하기 때문에 상황에 따라 적절하게 선택해야 합니다.이 블로그 글에서는 컨테이너와 사이즈드 박스의 특징과 차이점을 자세히 살펴보고, 언제 어떤 위젯을 사용해야 하는지 명확하게 안내해 드리겠습니다. 1. 컨테이너 위젯 컨테이너 위젯은 자식 위젯을 감싸고 배경색, 여백, 패딩 등을 설정하여 레이아웃을 구성하는 데 사용됩니다.또한, decoration 속성을 사용하여 그림자, 테두리, 그라데이션 등 다양한 시각 효과를 추가할 수 있습니다. 컨테이너 위젯의 주요 특징자식 위젯을 감싸고 레이아웃을 구성합니다.배경색, 여백, 패딩 등을 .. 2024. 6. 15.
플러터 Image 위젯 사용법 및 옵션 완벽 가이드 플러터에서 이미지를 표시하는 데 가장 기본적인 위젯은 바로 Image 위젯입니다. 로컬 파일, 네트워크 URL, 또는 Asset 이미지를 사용하여 다양한 이미지를 표시할 수 있습니다. 또한, 이미지 크기 조정, 잘라내기, 회전 등 다양한 옵션들을 제공하여 원하는 대로 이미지를 표현할 수 있습니다. 이 블로그 글에서는 Image 위젯의 사용법과 주요 옵션들을 자세히 살펴보고, 실제 코드 예시와 함께 다양한 이미지 표현을 구현해 보겠습니다. 1. 기본 사용법Image 위젯은 표시할 이미지를 image 속성으로 전달합니다. 로컬 파일 이미지의 경우 AssetImage, 네트워크 URL 이미지의 경우 NetworkImage 클래스를 사용합니다.// 로컬 파일 이미지Image.asset('assets/images.. 2024. 6. 15.
플러터 Container 위젯 사용법 및 옵션 완벽 가이드 플러터에서 가장 기본적인 위젯 중 하나인 Container 위젯은 다른 위젯들을 감싸고 배경색, 여백, 패딩 등을 설정하여 레이아웃을 구성하는 데 사용됩니다. 또한, decoration 속성을 사용하여 그림자, 테두리, 그라데이션 등 다양한 시각 효과를 추가할 수 있습니다. 이 블로그 글에서는 Container 위젯의 사용법과 주요 옵션들을 자세히 살펴보고, 실제 코드 예시와 함께 다양한 레이아웃과 시각 효과를 구현해 보겠습니다. 1. 기본 사용법 Container 위젯은 child 속성으로 감싸고 싶은 다른 위젯을 전달합니다. 기본적으로 투명한 배경색을 가지고 있으며, 여백과 패딩은 설정되지 않습니다.Container( child: Text('플러터 배우기'),) 2. 주요 옵션Container 위젯.. 2024. 6. 15.
728x90

티스토리툴바