본문 바로가기
반응형

Flutter/Widget105

플러터에서 Flexible 위젯 사용법 및 Expanded와의 차이점 Flexible 위젯은 플러터(Flutter)에서 Flex 계열 위젯(Row, Column, Flex) 내에서 자식 위젯의 크기를 조정할 때 유용하게 사용하는 도구입니다.Flexible 위젯은 Expanded 위젯과 유사한 역할을 하지만, 크기 조정에 좀 더 세밀한 제어를 제공합니다.이 포스트에서는 Flexible 위젯의 기본 개념과 사용법, 그리고 Flexible과 Expanded의 차이점에 대해 자세히 다루겠습니다. 1. Flexible 위젯의 기본 개념Flexible 위젯은 자식 위젯이 부모 위젯 내에서 남는 공간을 차지하도록 도와줍니다.Flex 계열 위젯(Row, Column, Flex) 내에서 자식 위젯의 크기를 조정할 때 사용됩니다.Flexible은 Expanded와 유사하게 자식 위젯이 부모.. 2024. 8. 6.
플러터 Flex와 Expanded의 차이점 및 적절한 사용법 플러터(Flutter)에서 레이아웃을 구성할 때 Flex와 Expanded는 매우 중요한 위젯입니다.이 두 위젯은 유사해 보이지만, 사용 방법과 역할에서 중요한 차이점이 있습니다.이 포스트에서는 Flex와 Expanded의 차이점을 설명하고, 각각의 적절한 사용 방법에 대해 다룹니다.1. Flex와 Expanded란?Flex: 자식 위젯들을 주어진 축(Axis)을 따라 배치하는 컨테이너 위젯입니다. Row와 Column 위젯의 기반이 되는 더 일반적인 형태로, 수평(Axis.horizontal) 또는 수직(Axis.vertical) 방향으로 레이아웃을 구성할 수 있습니다.Expanded: Flex 계열 위젯(Row, Column, Flex)의 자식으로 사용되며, 남는 공간을 적절히 채우는 역할을 합니다... 2024. 8. 6.
플러터에서 Flex 위젯 사용 방법 및 주요 옵션 Flex 위젯은 플러터에서 레이아웃을 구성할 때 사용되는 위젯으로, 주로 Row와 Column의 기초가 되는 위젯입니다.Flex는 축(Axis)을 기준으로 자식 위젯들을 배치하며, 자식 위젯들이 남는 공간을 어떻게 채울지 정의하는 다양한 속성을 제공합니다.이 포스트에서는 Flex 위젯의 사용 방법과 주요 옵션들에 대해 설명합니다.1. Flex 위젯의 기본 개념 Flex 위젯은 주어진 축을 따라 자식 위젯들을 정렬하는 컨테이너입니다.Row와 Column은 각각 수평과 수직 축에 고정된 Flex 위젯으로, Flex는 축을 직접 지정할 수 있는 보다 일반적인 형태입니다.기본 사용법Flex 위젯의 기본 사용법은 다음과 같습니다.Flex( direction: Axis.horizontal, children: [.. 2024. 8. 6.
플러터에서 AnimatedCrossFade 사용 방법 및 옵션 AnimatedCrossFade 위젯은 플러터에서 두 위젯 간의 전환을 애니메이션으로 부드럽게 표현할 때 사용되는 위젯입니다.주로 두 개의 위젯이 서로 다른 상태를 나타내거나, 특정 조건에 따라 하나의 위젯을 다른 위젯으로 대체할 때 사용됩니다.이 포스트에서는 AnimatedCrossFade 위젯의 기본 사용법과 다양한 옵션을 설명하겠습니다. AnimatedCrossFade는 플러터에서 두 위젯 간의 전환을 매끄럽게 처리하는 데 사용됩니다.이 위젯은 현재 표시되는 위젯과 전환할 위젯을 정의하고, 이 두 위젯 간의 전환 애니메이션을 제공합니다.1. AnimatedCrossFade 기본 사용법AnimatedCrossFade는 firstChild와 secondChild 두 개의 자식 위젯을 가지고 있으며, 이.. 2024. 8. 6.
플러터에서 showModalBottomSheet 위젯 사용방법 및 옵션 가이드 플러터(Flutter)에서 showModalBottomSheet는 화면 하단에서 나타나는 모달 바텀 시트(Modal Bottom Sheet)를 쉽게 구현할 수 있게 해주는 함수입니다.이 위젯은 보통 추가 정보를 제공하거나 사용자와의 상호작용을 위해 사용됩니다.이번 포스트에서는 showModalBottomSheet의 기본 사용법과 다양한 옵션을 설명하겠습니다. 1. showModalBottomSheet 기본 사용법showModalBottomSheet는 플러터의 내장 함수로, 지정된 컨텍스트와 빌더 함수를 통해 모달 바텀 시트를 표시합니다.기본적인 사용법은 다음과 같습니다.showModalBottomSheet( context: context, builder: (BuildContext context) { .. 2024. 8. 6.
Flutter PageView 위젯 사용방법 및 옵션 완벽 가이드 Flutter는 모바일 애플리케이션 개발을 위한 강력한 프레임워크로, 다양한 UI 위젯들을 제공하여 개발자들이 아름답고 기능적인 앱을 쉽게 만들 수 있도록 돕습니다.그 중에서도 PageView 위젯은 스와이프 가능한 페이지들을 구현할 때 유용하게 사용됩니다.이번 포스트에서는 PageView 위젯의 기본 사용법과 주요 옵션에 대해 자세히 알아보겠습니다.1. PageView란?PageView는 여러 페이지를 수직 또는 수평으로 스크롤하여 보여주는 위젯입니다.예를 들어, 뉴스 앱의 기사 목록이나, 이미지 갤러리 앱에서 자주 사용됩니다.사용자가 손가락으로 스와이프하여 페이지를 넘길 수 있게 해주는 기능을 제공합니다.2. 기본 사용법PageView를 사용하는 기본적인 방법은 매우 간단합니다. 아래는 간단한 예제입.. 2024. 8. 6.
반응형