본문 바로가기
반응형

위젯20

플러터에서 ListView 사용법과 옵션 가이드 플러터에서 ListView는 스크롤 가능한 목록을 만드는 데 가장 기본적이고 많이 사용되는 위젯입니다. 간단한 목록부터 복잡한 데이터 그리드까지 다양한 상황에 활용할 수 있으며, 사용법도 비교적 쉽습니다.이 블로그에서는 플러터 ListView의 기본 사용법부터 다양한 옵션과 속성, 그리고 실제 개발에 활용할 수 있는 실용적인 예제까지 심층적으로 알아봅니다.1. ListView 기본 사용법ListView를 사용하려면 먼저 ListView 위젯을 생성하고, children 속성에 목록으로 표시할 위젯들을 리스트 형태로 추가해야 합니다.ListView( children: [ Text('Item 1'), Text('Item 2'), Text('Item 3'), ],) 위 코드는 'Item 1.. 2024. 6. 17.
플러터에서 ListView.separated 사용법과 옵션 가이드 플러터에서 ListView.separated는 간단하고 효율적인 방식으로 목록을 만들 수 있는 위젯입니다.기본 ListView와 달리 항목 사이에 구분선을 자동으로 추가하여 더욱 보기 좋은 목록을 만들 수 있습니다.또한, ListView.separated는 성능 측면에서도 ListView보다 우수할 수 있습니다.이 블로그에서는 플러터 ListView.separated의 기본 사용법부터 다양한 옵션과 속성, 그리고 실제 개발에 활용할 수 있는 실용적인 예제까지 심층적으로 알아봅니다.1. ListView.separated 기본 사용법ListView.separated를 사용하려면 다음과 같은 형식으로 위젯을 생성해야 합니다.ListView.separated( itemCount: 데이터 개수, itemBui.. 2024. 6. 17.
플러터 Expanded 위젯 사용법 및 옵션 완벽 가이드 플러터에서 레이아웃을 구성할 때 자주 사용되는 위젯 중 하나는 바로 Expanded 위젯입니다. Expanded 위젯은 잔여 공간을 채우도록 자식 위젯을 확장하는 데 사용되며, 특히 Row나 Column과 함께 사용하면 효과적입니다. 이 블로그 글에서는 Expanded 위젯의 사용법과 주요 옵션들을 자세히 살펴보고, 실제 코드 예시와 함께 다양한 활용 방법을 알아보겠습니다. 1. Expanded 위젯 사용법 Expanded 위젯은 단독으로 사용할 수 없으며, 반드시 Row나 Column과 함께 사용해야 합니다. Expanded 위젯을 사용하면, 잔여 공간을 자식 위젯이 차지하도록 합니다. 즉, Row나 Column의 자식 위젯들 중 Expanded 위젯으로 감싸인 위젯만 잔여 공간을 채우게 됩니다. 기본.. 2024. 6. 15.
플러터에서 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.
반응형

티스토리툴바