Overview. 옆의 네비게이터를 나오게 할 수 있는 Drawer 를 알아보자 Drawer 이란? DrawHeader 0. 문서 https://docs.flutter.dev/cookbook/design/drawer Add a drawer to a screen How to implement a Material Drawer. docs.flutter.dev https://api.flutter.dev/flutter/material/DrawerHeader-class.html DrawerHeader class - material library - Dart API The top-most region of a Material Design drawer. The header's child widget, if any, i..
전체 글
배우는 과정..Overview 드래그를 할 수 있는 Draggable 과 DragTarget 위젯에 대해 알아보자 Draggable DragTarget 0. 문서 https://api.flutter.dev/flutter/widgets/Draggable-class.html Draggable class - widgets library - Dart API A widget that can be dragged from to a DragTarget. When a draggable widget recognizes the start of a drag gesture, it displays a feedback widget that tracks the user's finger across the screen. If the user lif..
Overview. Divider 와 Spacer 에 대해 알아보자 Spacer Divider 0. 문서 https://api.flutter.dev/flutter/material/Divider-class.html Divider class - material library - Dart API A thin horizontal line, with padding on either side. In the Material Design language, this represents a divider. Dividers can be used in lists, Drawers, and elsewhere to separate content. To create a divider between ListTile items, cons..
Overview Dismissible 이라는 스와이프 형식의 위젯이다. 한번 봐보자 Dismissible 이란 라이브러리 0. 문서 https://api.flutter.dev/flutter/widgets/Dismissible-class.html Dismissible class - widgets library - Dart API A widget that can be dismissed by dragging in the indicated direction. Dragging or flinging this widget in the DismissDirection causes the child to slide out of view. Following the slide animation, if resizeDuratio..
Overview. List 를 커스텀 해보자 음... 사실 여기는 좀 모르겠다 나중에 계속 알아봐야지 CustomScrollView 란? 주의점 0. 문서 https://api.flutter.dev/flutter/widgets/CustomScrollView-class.html CustomScrollView class - widgets library - Dart API A ScrollView that creates custom scroll effects using slivers. A CustomScrollView lets you supply slivers directly to create various scrolling effects, such as lists, grids, and expanding hea..
Overview 이번에는 좀 중요한 녀석이다 이 녀석을 안쓰고 잘못하면 이상하게 될 수 있기 때문이죠. 일단 바로 목차부터 SingleChildScrollView SingleChildScrollView 그래서 왜 쓰는데? 0. 문서 https://api.flutter.dev/flutter/widgets/SingleChildScrollView-class.html SingleChildScrollView class - widgets library - Dart API A box in which a single widget can be scrolled. This widget is useful when you have a single box that will normally be entirely visible, f..
Overview . minHeight , minWidth , maxHeight , maxWidth 를 지정할 수 있는 BoxConstraints 를 사용해보자 얘는 아무래도 많이 쓰이겠죠 ㅎㅎ BoxConstraints 0. 문서 https://api.flutter.dev/flutter/rendering/BoxConstraints-class.html BoxConstraints class - rendering library - Dart API Immutable layout constraints for RenderBox layout. A Size respects a BoxConstraints if, and only if, all of the following relations hold: The constra..
Overview 이번에는 로딩과 같은 또는 상세 퍼센트를 나타내게 해주는 CircularProgressIndicator 를 활용해보자 다만 로딩만 할게요 CircularProgressIndicator 란 0. 문서 https://api.flutter.dev/flutter/material/CircularProgressIndicator-class.html CircularProgressIndicator class - material library - Dart API A Material Design circular progress indicator, which spins to indicate that the application is busy. A widget that shows progress along a ..
Overview. showModalBottomSheet 를 사용해보자 그안에서 FloatingActionButton 과 showMaodalBottomSheet 가 사용될 예정이다. showModalBottomSheet의 build 에는 BottomSheet 위젯이 사용된다. 일단 padding , viewInsets , viewPadding 에 대해 알아보자 showModalBottomSheet 란? 0. 문서 https://api.flutter.dev/flutter/material/showModalBottomSheet.html showModalBottomSheet function - material library - Dart API Future showModalBottomSheet ({required ..
Overview. 바텀에 네비게이션 바를 만들어 보자 BottomNavigationBar IndexedStack 0. 문서 https://api.flutter.dev/flutter/material/BottomNavigationBar-class.html BottomNavigationBar class - material library - Dart API A material widget that's displayed at the bottom of an app for selecting among a small number of views, typically between three and five. There is an updated version of this component, NavigationBar, t..
Overview. BackDropFilter 로 모자이크 처리를 해보자 BackDropFilter 란 0. 문서 https://api.flutter.dev/flutter/widgets/BackdropFilter-class.html BackdropFilter class - widgets library - Dart API A widget that applies a filter to the existing painted content and then paints child. The filter will be applied to all the area within its parent or ancestor widget's clip. If there's no clip, the filter will be applie..
Overview 정렬을 원한다면 Align 위젯을 사용해보자~ Align 위젯이란? Container 에서 정렬을 시킨다면? 0. 문서 https://api.flutter.dev/flutter/widgets/Align-class.html Align class - widgets library - Dart API A widget that aligns its child within itself and optionally sizes itself based on the child's size. For example, to align a box at the bottom right, you would pass this box a tight constraint that is bigger than the child's ..