본문으로 바로가기
Flutter
해당되는 글 43건
Flutter/Widget
Flutter bottomNavigationBar (상태유지) 문서
사용되는 위젯목록 TabController DefaultTabController TabBarView TabBar Tab TickerProviderStateMixin AutomaticKeepAliveClientMixin bool get wantKeepAlive => true; super.build(context); 1. with TickerProviderStateMixin 추가 class _BottomNavigationBarScreenState extends State with TickerProviderStateMixin 2. TabController 추가 animationDuration 프로퍼티 존재 _tabController = TabController(length: 3, vsync: this, ini..
Flutter/Widget
Flutter Stepper widget 문서
Stepper Widget 순차적 또는 단계적으로 사용자에게 무언가를 요구 또는 보여줄 때 사용하기 적합한 위젯입니다. Steeper 자식 위젯으로 Step 이 있습니다. 왼쪽 사진은 custom controlsBuilder 적용한 사진이며 오른쪽 사진은 기본 controlsBuilder입니다. Stepper 프로퍼티 type - vertical, horizontal 있다. controlsBuilder - Continue, Cancel 버튼의 위젯 영역을 담당하는 프로퍼티 해당 프로퍼티를 삭제하면 위에 오른쪽 사진처럼 된다. StepState - 5가지의 상태 complete - 체크 아이콘으로 변경 disabled - 비활성화(회색으로 변경) error - 에러 아이콘 editing - 연필 모양의 아..
Flutter/Document
Flutter 상태관리 (Ephemeral, App State)
Flutter 공식문서에서 기반하여 작성된 글이며 임시, 앱 상태에 관한 글입니다. Ephemeral State (임시 상태) 임시 상태는 단일 위젯 안에 포함할 수 있는 상태입니다. 이를 UI state 또는 local state라고 부르기도 합니다. 임시 상태는 상태 관리 라이브러리를 사용할 필요가 없고 statefulWidget만 있으면 됩니다. 이는 앱 전체 상태에서 봤을 때 _index에 접근할 필요가 없습니다. 그리고 일반적으로 대부분의 앱들은 재시작하여도 페이지의 위치를 저장하진 않습니다. 이러한 비슷한 경우를 임시 상태라고 부릅니다. class MyHomepage extends StatefulWidget { @override _MyHomepageState createState() => _..
Flutter/Package
Flutter platform widgets 라이브러리 문서
소개 모바일 OS에는 Android, iOS 두 개의 운영체제가 있다. Android는 Material Design 이며 iOS는 Cupertino Design이다. Flutter platfrom Widgets 라이브러리는 두 가지의 OS를 인식하며 각기 다른 UI를 제공할 수 있게 해 준다. https://pub.dev/packages/flutter_platform_widgets flutter_platform_widgets | Flutter Package Simplifying the use of both Material and Cupertino widgets with a single widget pub.dev 공식문서 홈페이지 https://pub.dev/documentation/flutter_plat..
Flutter/Package
Flutter Hive 라이브러리
Hive는 가볍고 빠른 NoSQL DB이다. 배우고 사용하는 데에 있어서 난이도가 높은 편은 아니다. Hive는 모든 기본 유형의 타입과 List, Map, DateTime, Uint8List를 지원한다. 그리고 other object를 저장하려면 object를 binary form으로 변환하는 TypeAdapter를 등록해야 한다. Hive Package, Hive Docs 프로젝트에 Hive 추가 hive, hive_flutter, hive_generator, build_runner hive_flutter - flutter에서 쉽게 hive를 만들수 있도록 해준다. hive_generator - TypeAdapter를 자동으로 만들어 준다. build_runner - Dart코드 생성 및 모듈식 컴파..
Flutter/Document
Flutter async await 정리 문서
예시 A ( await를 안 붙인 코드) void main() async { getNum(3); getNum(1); } Future getNum(int num) async { return Future.delayed(Duration(seconds: num)).then((value) { print('$num초 경과'); print('결과값 : $num'); return num; }); } 결과 A await 가 없으니 순차적으로 진행되는 코드입니다. 예시 B (await를 붙인 코드) void main() async { await getNum(3); await getNum(1); } Future getNum(int num) async { return Future.delayed(Duration(seconds:..
