Overview. 귀찮으니 AnimatedSwicher , AnimatedOpacity , AnimatedDefaultTextStyle 를 한번에 작성해보장 각각 보면 그냥 다 아실거 같아요 ㅎㅎ.. 그래서 그냥 코드와 영상만 보여드리겠습니다. AnimatedSwicher AnimatedOpacity AnimatedDefaultTextStyle 0. 문서 https://api.flutter.dev/flutter/widgets/AnimatedSwitcher-class.html AnimatedSwitcher class - widgets library - Dart API A widget that by default does a cross-fade between a new widget and the widget..
flutter & dart
Overview. AnimatedWidget 구현체 들과 AnimationController , Animation 에 대해 알아보자 AnimatedWidget AnimationController Animation AnimatedWidget - ScaleTransition AnimatedWidget - FadeTrasition AnimatedWidget - RotatedTransition AnimationWidget - PositionedTransition 0. 문서 https://api.flutter.dev/flutter/widgets/AnimatedWidget-class.html AnimatedWidget class - widgets library - Dart API A widget that rebui..
Overview. 애니메이션 효과를 줄 수 있는 컨테이너인 AnimatedContainer 를 알아봅시다. 사실 쉽게 Drawer 로 사이드바를 구현이 가능하지만 한번 해보죠. 사이드바가 아닌 다른 도형이나 이런것들로 구현도 가능하니 봅시다!! AnimatedContainer 0. 문서 https://www.youtube.com/watch?time_continue=56&v=yI-8QHpGIP4&embeds_referring_euri=https%3A%2F%2Fapi.flutter.dev%2F&embeds_referring_origin=https%3A%2F%2Fapi.flutter.dev&source_ve_path=MjM4NTE&feature=emb_title https://api.flutter.dev/fl..
Overview . TabBar 란 ? 넘겨 볼수 있게 하는 네비게이션? 이다. TabBar 란? DefaultTabController 란? 예제를 확인해 보자 0. 문서 https://api.flutter.dev/flutter/material/TabBar-class.html TabBar class - material library - Dart API A Material Design primary tab bar. Primary tabs are placed at the top of the content pane under a top app bar. They display the main content destinations. Typically created as the AppBar.bottom part o..
Overview. 이번에는 key 가 왜 중요한지에 대하여 알아보자 조금 어려운(?) 개념이라는데 40분만 들어서는 아무래도 영 몹미더운 부분이 있을 수 있으니 양해 부탁드립니다. flutter 로는 많은 설명이 있으니 그 부분은 간단히? 들어가봅니다. Stateless 와 Stateful Key 를 어떻게 부모 객체에 전달 할 수 있을까 0. 문서 (구글 짱이야) https://velog.io/@sooah/Flutter-Key [Flutter] Key super key 에러 제거하기 velog.io https://dart-ko.dev/language/constructors 생성자 Dart 생성자에 대한 모든 것. dart-ko.dev https://www.youtube.com/watch?v=6t2ZKr..
Overview. 어 이거 그냥 딱 보면 아 걔네? 알거다. 왜냐면 아코디언 같거든요 아무튼 목차부터 ExpantionPanelList 0. 문서 https://api.flutter.dev/flutter/material/ExpansionPanelList-class.html ExpansionPanelList class - material library - Dart API A material expansion panel list that lays out its children and animates expansions. The expansionCallback is called when the expansion state changes. For normal ExpansionPanelList widgets, i..
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..
