![]()
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 ..
Overview. 페이지 이동시 히어로 애니메이션을 사용해보자 hero를 사용해보자 0. 문서 https://docs.flutter.dev/ui/animations/hero-animations Hero animations How to animate a widget to fly between two screens. docs.flutter.dev 1. Hero 위에서 보이듯이 한번 직접 간단하게 해봤다. [동영상이 와이리 커] 아무튼 애니메이션 효과를 줄 수 있는데 이는 tag 를 이용한 방식인 것 같다. 1. 메인 화면 중요점은 tag 에 문자열으로 banner 라고 지정했으면 다음 /sub 의 Hero 의 tag 에도 banner 로 지정이 되어 있어야한다. class MyApp extends State..
![]()
Overview. 약간 alert 와 같은 Dialog 창을 만들어 보자 ShowDialog , AlertDialog CupertinoAlertDialog CupertinoDialogAction 0. 문서 https://api.flutter.dev/flutter/material/AlertDialog-class.html AlertDialog class - material library - Dart API A Material Design alert dialog. An alert dialog (also known as a basic dialog) informs the user about situations that require acknowledgment. An alert dialog has an option..
Overview. 버튼을 활성화 시키거나 비활성화를 시킬수 있는 AbsorbPointer 를 활용해보자 AbsorbPointer 란? 0. 문서 https://api.flutter.dev/flutter/widgets/AbsorbPointer-class.html AbsorbPointer class - widgets library - Dart API A widget that absorbs pointers during hit testing. When absorbing is true, this widget prevents its subtree from receiving pointer events by terminating hit testing at itself. It still consumes space dur..
![]()
Overview. 위의 ClipRRect , ClipOval , ClipPath 에 대해 알아보자 세가지 한번에 말하자면 도형을 어떻게 만드는 지 이다. ClipRRect ClipOval ClipPath 라이브러리 사용 0. 문서 https://api.flutter.dev/flutter/widgets/ClipRRect-class.html ClipRRect class - widgets library - Dart API A widget that clips its child using a rounded rectangle. By default, ClipRRect uses its own bounds as the base rectangle for the clip, but the size and location of..
![]()
Overview. ListView 와 비슷하지만 다른 ListTile 에 대해 알아보자 ListTile 란? 한번 써보장!! 0. 문서 https://api.flutter.dev/flutter/material/ListTile-class.html ListTile class - material library - Dart API A single fixed-height row that typically contains some text as well as a leading or trailing icon. A list tile contains one to three lines of text optionally flanked by icons or other widgets, such as check boxes. Th..
![]()
Overview. RichText에 대해 알아보자 RichText 0. 문서 https://api.flutter.dev/flutter/widgets/RichText-class.html RichText class - widgets library - Dart API A paragraph of rich text. The RichText widget displays text that uses multiple different styles. The text to display is described using a tree of TextSpan objects, each of which has an associated style that is used for that subtree. The text might bre..
