본문 바로가기
반응형

Flutter/Widget108

플러터에서 ListView.separated 사용법과 옵션 가이드 플러터에서 ListView.separated는 간단하고 효율적인 방식으로 목록을 만들 수 있는 위젯입니다.기본 ListView와 달리 항목 사이에 구분선을 자동으로 추가하여 더욱 보기 좋은 목록을 만들 수 있습니다.또한, ListView.separated는 성능 측면에서도 ListView보다 우수할 수 있습니다.이 블로그에서는 플러터 ListView.separated의 기본 사용법부터 다양한 옵션과 속성, 그리고 실제 개발에 활용할 수 있는 실용적인 예제까지 심층적으로 알아봅니다.1. ListView.separated 기본 사용법ListView.separated를 사용하려면 다음과 같은 형식으로 위젯을 생성해야 합니다.ListView.separated( itemCount: 데이터 개수, itemBui.. 2024. 7. 25.
플러터에서 ListView.builder 사용법과 옵션 가이드 플러터에서 ListView.builder는 동적 목록을 만들 때 사용하는 가장 기본적인 위젯입니다.데이터 개수가 많거나 미리 알 수 없는 경우, ListView.builder를 사용하면 효율적으로 목록을 생성하고 관리할 수 있습니다.이 블로그에서는 ListView.builder의 기본 사용법부터 다양한 옵션과 속성, 그리고 실제 개발에 활용할 수 있는 실용적인 예제까지 심층적으로 알아봅니다.1. ListView.builder 기본 사용법ListView.builder를 사용하려면 먼저 다음과 같은 형식으로 위젯을 생성해야 합니다.ListView.builder( itemCount: 데이터 개수, itemBuilder: (context, index) { // 각 항목을 만들어 반환하는 함수 re.. 2024. 7. 25.
플러터에서 ListView 사용법과 옵션 가이드 플러터에서 ListView는 스크롤 가능한 목록을 만드는 데 가장 기본적이고 많이 사용되는 위젯입니다.간단한 목록부터 복잡한 데이터 그리드까지 다양한 상황에 활용할 수 있으며, 사용법도 비교적 쉽습니다.이 블로그에서는 플러터 ListView의 기본 사용법부터 다양한 옵션과 속성, 그리고 실제 개발에 활용할 수 있는 실용적인 예제까지 심층적으로 알아봅니다.1. ListView 기본 사용법ListView를 사용하려면 먼저 ListView 위젯을 생성하고, children 속성에 목록으로 표시할 위젯들을 리스트 형태로 추가해야 합니다.ListView( children: [ Text('Item 1'), Text('Item 2'), Text('Item 3'), ],) 위 코드는 'Item 1'.. 2024. 7. 25.
플러터 3.7.2 Navigation API 향상 기능: PopUntil 사용법 및 옵션 Flutter 3.7.2 버전은 Navigation API에 여러 가지 향상 기능을 도입하여 개발자들이 보다 유연하고 효율적인 앱 내비게이션을 구현할 수 있도록 지원합니다.이 블로그에서는 Flutter 3.7.2 버전에서 추가된 새로운 Navigation API 기능들을 자세히 살펴보고, 각 기능의 사용법과 옵션들을 설명합니다. 1. 새로운 라우터 위젯: PopUntil PopUntil 라우터 위젯은 이전 라우터들을 한 번에 모두 제거하고 특정 라우터로 이동할 수 있는 새로운 기능입니다.이전 버전에서는 Navigator.popUntil 메서드를 사용하여 이 기능을 구현해야 했지만, PopUntil 라우터 위젯을 사용하면 코드가 더 간결하고 명확해집니다. 사용법PopUntil( routeName: '/t.. 2024. 7. 24.
플러터 2D 스크롤: 사용법과 옵션 Flutter 3.13 버전부터 도입된 2D 스크롤 기능은 사용자가 두 축 방향으로 자유롭게 콘텐츠를 스크롤할 수 있도록 하는 강력한 기능입니다.지도 앱, 사진 앨범, 게임 등 다양한 분야에서 활용될 수 있으며, 기존 1D 스크롤 기능에 비해 보다 유연하고 자연스러운 사용자 경험을 제공합니다.이 블로그에서는 Flutter 2D 스크롤의 기본 사용법과 다양한 옵션들을 자세히 살펴보겠습니다.1. 기본 사용법2D 스크롤 기능을 구현하려면 TwoDimensionalScrollable 위젯과 TwoDimensionalViewport 위젯을 사용합니다.TwoDimensionalScrollable 위젯은 스크롤 가능한 콘텐츠를 감싸는 역할을 합니다.TwoDimensionalViewport 위젯은 스크롤 가능한 창을 .. 2024. 7. 24.
플러터 Flexible 위젯 사용법 및 옵션 완벽 가이드 플러터(Flutter)에서 Flexible 위젯은 자식 위젯이 남는 공간을 채우도록 설계된 위젯입니다.이 글에서는 Flexible 위젯의 사용 방법과 다양한 옵션에 대해 자세히 설명하겠습니다.Flexible 위젯이란?Flexible 위젯은 플러터 레이아웃에서 자식 위젯이 가질 수 있는 여유 공간을 조절하는데 사용됩니다.주로 Row, Column, Flex 같은 위젯 안에서 사용되며, 자식 위젯들이 주어진 공간 안에서 적절히 배치되도록 도와줍니다.Flexible 위젯 사용 방법기본 사용법Flexible 위젯은 주로 Row 또는 Column 안에서 사용됩니다. 다음은 Flexible 위젯의 기본적인 사용 예시입니다.import 'package:flutter/material.dart';void main() {.. 2024. 7. 24.
반응형

티스토리툴바