본문 바로가기
반응형

Flutter/Widget105

플러터 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.
플러터에서 Row, Column, Vertical, Horizontal 차이와 사용법 가이드 플러터에서 레이아웃을 구성할 때 가장 기본적으로 사용하는 요소 중 하나는 바로 Row, Column, Vertical, Horizontal입니다.이 요소들은 모두 자식 위젯들을 특정 방향으로 배치하는 데 사용되지만, 미묘한 차이점과 사용 상황에 따라 적절하게 선택해야 합니다.이 블로그 글에서는 Row, Column, Vertical, Horizontal의 차이점을 명확하게 비교하고, 각 요소의 특징과 사용법, 그리고 언제 어떤 것을 선택해야 하는지에 대한 가이드를 제공합니다. 1. Row vs ColumnRow: 자식 위젯들을 가로 방향으로 왼쪽에서 오른쪽 순서대로 배치합니다. 마치 한 줄로 나열하는 것과 같습니다.Column: 자식 위젯들을 세로 방향으로 위에서 아래 순서대로 배치합니다. 마치 여러 줄.. 2024. 7. 24.
플러터 Column과 Row 위젯 사용법 완벽 가이드 플러터에서 레이아웃을 구성하는 데 가장 기본적인 위젯 중 하나는 바로 Column과 Row 위젯입니다.Column 위젯은 자식 위젯들을 세로 방향으로 나열하고, Row 위젯은 자식 위젯들을 가로 방향으로 나열하는 데 사용됩니다.이 블로그 글에서는 Column과 Row 위젯의 사용법과 주요 옵션들을 자세히 살펴보고, 실제 코드 예시와 함께 다양한 배치 구현 방법을 알아보겠습니다. 1. Column 위젯 Column 위젯은 자식 위젯들을 위에서 아래로 순서대로 배치합니다.기본적으로 자식 위젯들은 균등하게 공간을 차지하지만, mainAxisAlignment 속성을 사용하여 정렬 방식을 조정할 수 있습니다.또한, crossAxisAlignment 속성을 사용하여 자식 위젯들을 가로축 기준으로 정렬 방식을 조정할.. 2024. 7. 24.
플러터에서 Cantainer 와 SizedBox, 언제 어떤 것을 사용해야 할까요? 플러터 개발에서 레이아웃을 구성할 때 컨테이너와 사이즈드 박스는 가장 기본적으로 사용되는 위젯입니다.두 위젯 모두 크기와 위치를 설정하는 데 사용되지만, 약간의 차이점과 장단점이 존재하기 때문에 상황에 따라 적절하게 선택해야 합니다.이 블로그 글에서는 컨테이너와 사이즈드 박스의 특징과 차이점을 자세히 살펴보고, 언제 어떤 위젯을 사용해야 하는지 명확하게 안내해 드리겠습니다. 1. 컨테이너 위젯 컨테이너 위젯은 자식 위젯을 감싸고 배경색, 여백, 패딩 등을 설정하여 레이아웃을 구성하는 데 사용됩니다.또한, decoration 속성을 사용하여 그림자, 테두리, 그라데이션 등 다양한 시각 효과를 추가할 수 있습니다. 컨테이너 위젯의 주요 특징자식 위젯을 감싸고 레이아웃을 구성합니다.배경색, 여백, 패딩 등을 .. 2024. 7. 24.
반응형

티스토리툴바