일반적으로 앱바 아래 Bottom 영역에 생성하고 TabBarView와 함께 사용합니다.실행결과위에 화면과 같이 클릭을 통해 IndexedStack과 같이 화면을 넘길 수 있다.

앱에 스크롤이 될 때마다 형태가 바뀌거나 사라지게 할 수 이있는 에니메이션 헤더를 설정할 때 SilverAppBar로 설정할 수 있다.다양한 설정 가능한 속성들이 있는데, 예시 코드를 통해 살펴보자.우리는 평소 appBar만 설정했을 때와는 다르게 움직임 변화가 있는

발판이라는 뜻으로 기본 material design 비주얼 레이아웃 구조를 구현할 수 있는 클래스이다.body와 appBar, floatingActionButton 다양한 위젯들을 설정할 수 있다.

구글이 지향하는 Material Design을 사용할 수 있게 해주는 class이다.\*Material Design : 플랫 디자인의 장점을 살리면서도 빛에 따른 종이의 그림자 효과를 이용하여 입체감을 살리는 디자인 방식.클래스를 불러와 Theme와 디버그 표시 등 M

앱에서 메뉴 부분을 보여줄 때 자주 확인할 수 있으며, 밑에 예시 화면과 같이 화면에 보여진다.결과 화면Drawer을 없애는 방법은 윈쪽으로 스와이프 하거나 네비게이터를 사용할 수 있다.네비게이터 사용 방법

우선 화면 아래에 있는 appBar을 bottomBar라고 합니다. 이 bottomBar를 사용할 때 Scaffold의 속성에 있는 bottomNavigationBar를 사용하여 디자인할 수 있다.1.BottomNavigationBar통해 리스트 형태로 BottomNa

AppBar은 A material design app bar. 다시 말해 앱의 상단 제목 줄을 의미한다.flesibleSpace에 대해서는 SliverAppBar에 나와있습니다.예시 코드와 결과를 확인하자

줄과 행을 사용하여 위젯을 배치할 때 우리는 때때로 공간이 부족했던 적이 있을 것이다. 이럴 때 사용하면 좋은 것이 Warp기능이다. Warp은 줄과 행을 사용하는 것 처럼 자식을 한 번에 하나씩 배치해주는 기능이다. 공간이 부족할 경우 알아서 다음 칸으로 넘아가는 기

Table은 GridView와 마찬가지로 격자구조를 만들어주지만 스크롤 기능은 없는 화면을 만들 때 사용할 수 있는 클래스이다.크기가 서로 다른 위젯들을 설정할 때 사용자가 직접 열과 행의 크기를 지정해 만들 필요가 없다는 장점이 있다. 또한 위젯을 수직으로 정렬할 수

box의 가장자리를 기준으로 자식 위치를 지정하는 Widget이다.이 클래스는 간단한 방법으로 여러 자식을 중복하여 다른 Widget위에 덮어야하는 경우에 유용하게 쓰일 수 있다Column, Row을 사용하듯 배치하고자 하는 Widget들을 Stack으로 감싸주는 형식

자식을 수평 배열로 표시하는 위젯이다.행 위젯 은 스크롤되지 않습니다(일반적으로 사용 가능한 공간에 맞는 것보다 행 에 더 많은 자식이 있는 것은 오류로 간주된다. ). 위젯 라인이 있고 공간이 부족한 경우 스크롤할 수 있게 하려면 ListView를 사용하는 것을 추천

스크롤이 가능한 리스트외 항목들을 설정할 떄 사용할 수 있다. ListView를 통해 스크롤되는 방향으로 자식 요소를 설정하여 화면에 나타나게 만들 수 있다. 스크롤이 가능한 위젯으로 가장 많이 사용된다.scrollDiretion을 통해 list를 수평적, 수직적으로

주어진 방향으로 자식들을 순차적으로 배열하는 위젯이다. 다른 방향에서는 부모차원에서 자식들을 강제 실행하는 위젯이다.. 이 위젯은 거의 사용되지 않는다.스크롤 기능을 설정할 때 (ex:ListView사용) \-> ListBody를 사용해 위젯을 만들면 column을 사

빌드 방식을 사용하면서 Widget의 크기를 확인하고 지정하고 싶을 때 우리는 LayoutBuilder을 사용하여 Widget의 크기를 지정하여 준다.예시 코드저는 layoutBuild를 TextField와 같은 기능을 통해 값을 입력 받을 떄 입력 받은 내용의 크기에

앱 안에서 위젯 간의 간편한 이동을 도와주는 class로 생각하면 좋을 거 같다.채널을 변환하는 티비와 유사하며, 한 번에 하나의 하위 항목만 보여주지만 모든 항목의 상태를 유지해준다.IndexedStack 위젯 내에서 이동을 워하는 위젯의 항목을 묶어주면 된다.&lt

GridView란? 행과 열이 복잡한 Layout을 만들 때 사용할 수 있는 class이다. listVeiw처럼 항목들을 스크롤할 수 있다는 장점이 있다. 어떻게 생성할까? GridView는 GridView.builder 와 GridView.count 를 통해 사용

flow란? FlowDelegate 의 논리에 따라 children의 크기와 위치를 효율적으로 지정하는 위젯이다. flow layout은 변환 행렬을 사용하여 children의 위치를 변경하는 데 최적화되어 있다. > 모두 비슷하게 움직이는 Widget 목록의 애니메

delegate를 사용하여 여러 Children의 크기와 위치를 지정하는 위젯입니다. 여러 위젯의 크기와 위치 사이에 복잡한 관계가 있는 경우에 상요에 적합하다.CustomMultiChildLayout 안에 children에서 id 설정을 통해 layout을 정하는 예

Children를 수직으로 배열하는 것을 나타내는 위젯이다. 단 Column 위젯은 스크롤이되지 않기 때문에 공간이 부족할 경우 ListView를 사용하는 것을 추천한다.코드를 통해 확인해보자.DartPad로 우린 Text들이 수직으로 배열되는 것을 확인할 수 있다.

클래스가 절대 변경되지 않는 객체를 생성하는 경우 이러한 객체를 compile-time constants로 만들 수 있다. 이렇게 하려면 const생성자를 정의하고 모든 인스턴스 변수를 최종적으로 정할 수 있다.예시 코드를 통해 확인해보자 Recipe 앞에 const를