Widgets

를 이용해서 container의 색상이 300ms 동안 천천히 변하는 것을 구현할 수 있지만 이것의 자식 위젯들은 바로 바뀌는 문제가 있다.이 문제를 해결하기 위해 \[AnimatedDefaultTextStyle] Widget을 사용한다.AnimatedContainer

다음과 같이 Text 위젯 바깥에 AnimatedDefaultTextStyle 위젯으로 감싼 다음 TextStyle을 바깥으로 옮기면 된다.

Scaffold Widget 안에서 설정 가능.처음에 다음과 같이 Column 위젯으로 설정하고 padding이 필요하다고 생각해서 padding 위젯으로 감쌌다.

다음과 같이 화면에 아래에서 DatePicker를 설정할 수 있다.

Row나 Column 내에서 사용할 수 있는 만큼 공간을 전부 차지하는 위젯Expanded 위젯은 Flutter에서 사용되는 레이아웃 위젯 중 하나로, 부모 위젯 내에서 공간을 확장하고 나머지 위젯에 대한 크기 및 위치를 조정하는 데 사용됩니다. Expanded 위젯은

FractionallySizedBox 위젯은 부모 위젯의 크기에 대한 상대적인 크기로 자식 위젯의 크기를 조정하는 위젯입니다. FractionallySizedBox 위젯은 widthFactor와 heightFactor 매개변수를 사용하여 자식 위젯의 너비와 높이를 부모

GestureDetector 위젯은 Flutter에서 제스처를 감지하고 처리하기 위한 유용한 위젯입니다. 이 위젯을 사용하면 사용자의 터치 제스처나 다른 상호 작용을 감지하고 이벤트를 처리할 수 있습니다. GestureDetector는 다양한 제스처를 감지하고 이벤트

Flutter에서 Row와 Column은 레이아웃을 구성하는 데 기본적인 위젯입니다. 그러나 이들은 자식 위젯들을 가능한 한 많은 공간에 펼치려는 성질이 있어서, 때때로 레이아웃 관련 문제를 일으킬 수 있습니다. 이러한 문제를 해결하기 위해, Flutter는 여러 유용

Flutter에서 Row와 Column은 레이아웃을 구성하는 데 기본적인 위젯입니다. 그러나 이들은 자식 위젯들을 가능한 한 많은 공간에 펼치려는 성질이 있어서, 때때로 레이아웃 관련 문제를 일으킬 수 있습니다. 이러한 문제를 해결하기 위해, Flutter는 여러 유용

Stack 위젯은 Flutter에서 다른 위젯들을 겹쳐서 표시하는 데 사용되는 레이아웃 위젯입니다. Stack을 사용하면 여러 위젯을 동일한 공간에 쌓거나 겹칠 수 있으며, 각 위젯의 위치와 크기를 조정하여 복잡한 레이아웃을 만들 수 있습니다.Stack 위젯은 다음 중

TextButton은 Flutter에서 사용되는 기본적인 버튼 위젯 중 하나로, 주로 텍스트를 표시하는 버튼을 만드는 데 사용됩니다. 간단하고 스타일링하기 쉬워, 다양한 UI 요소에 적용될 수 있습니다.간단한 텍스트 기반의 버튼: 텍스트를 중심으로 하는 간단한 버튼을

기본 설명: TextField는 간단한 텍스트 입력 필드로, 사용자가 텍스트를 입력할 수 있는 기본적인 UI 컴포넌트입니다.특징:단독으로 사용될 수 있으며, 양식(Form)과 관련된 추가 기능 없이 텍스트 입력을 처리합니다.컨트롤러(TextEditingControlle

기본 설명: TextFormField는 TextField를 기반으로 하지만, Form 위젯과 함께 사용되도록 설계된 특별한 TextField입니다.특징:Form 위젯과 함께 사용될 때 유용합니다. 폼 검증(validation), 폼 저장(save) 등의 기능을 쉽게 통

ScrollController는 Flutter에서 스크롤 가능한 위젯을 제어하는 데 사용되는 객체입니다. ListView, GridView, SingleChildScrollView와 같은 스크롤 가능한 위젯들은 스크롤 이벤트를 감지하고, 스크롤 위치를 조작하는 데 Sc

TabBarView는 TabBar와 함께 사용되며 탭 간의 스와이프 가능한 뷰를 제공하는 Flutter의 위젯입니다. 이 위젯은 각 탭에 해당하는 컨텐츠를 표시하며, 사용자가 탭을 클릭하거나 좌우로 스와이프할 때 TabBar 위젯과 동기화되어 뷰를 전환합니다.탭 동기화

AnimatedCrossFade 위젯은 Flutter에서 두 개의 자식 간에 페이드 효과와 크기 조정 효과를 가지며 교차 페이드(cross-fade) 전환을 애니메이션으로 구현할 수 있게 해주는 위젯입니다. 이 위젯을 사용하면 한 위젯에서 다른 위젯으로 부드럽게 전환하

Scaffold 위젯에서 사용하는 BottomAppBar와 BottomNavigationBar는 Flutter UI에서 하단 탐색 옵션을 제공하는데, 이 두 위젯은 각각 다른 목적과 기능을 가지고 있습니다. 여기서 주요 차이점들을 살펴보겠습니다.유연성: BottomAp

Flutter에서 Stack 위젯의 크기는 그 안에 있는 자식 위젯들에 의해 결정됩니다. 특히, Positioned 위젯을 사용할 때 Stack의 동작 방식을 이해하는 것이 중요합니다. Positioned 위젯은 Stack 내에서의 자신의 위치를 결정하지만, Stack