목록Flutter(Dart) (33)
coding etude
사이드 네비게이션 바 엣지부분을 드레그해서 사용 할수 있다 Scaffold( drawer: Drawer( // endDrawer: 오른쪽에서 왼쪽으로 열림 child: ListView( children: [ DrawerHeader(...), ListWidget(...), ListWidget(...) ] ) ) ) AppBar 자체적으로 오픈 시킬 수 있다. Scaffold( appBar: AppBar( . . leading: IconButton( onPressed:(){ Scaffold.of(context).openDrawer(); // openEndDrawer(); } ) ) ) https://api.flutter.dev/flutter/material/Drawer-class.html Drawer cla..
필요한 플러그인 carousel_slider dots_indicator GetX 없이 진행 한다면 Statefulwidget 을 활용하여 위의 두 플러그인이 동인한 index값을 가지게 세팅해주면 된다. class Slider extends StatefulWidget { @override _Slider createState() => _Slider(); } class _Slider extends State{ int index = 0; . . CarouselSlider( option: ( onPageChangeed: (idx){ setState(idx){ index = idx; // state 값을 변경하면서 Reload 시킴 } } ) ), DotsIndicator( position: index.toDiu..
https://pub.dev/packages/carousel_slider carousel_slider | Flutter Package A carousel slider widget, support infinite scroll and custom child widget. pub.dev required List items required CarouselOptions options 여러 위젯을 모아 한 화면에서 슬라이더 시켜주는 플러그인 슬라이더 시킬 위젯의 옵션을 지정해주고(display 옵션- 사이즈 , 회전 횟수제한 등) items를 지정하면 된다. 사용 예시는 공식문서에서.. dots_indicator 와 함께 사용하면 효과적이다. https://codingetude.tistory.com/55 [plug..
위젯의 포지션을 지정하여 나열 후 전환시켜주는 plugin 이다. https://pub.dev/packages/dots_indicator dots_indicator | Flutter Package Dots indicator to show progression of a PageView for example pub.dev 생각보다 사용이 쉽기 때문에 이런 공식 문서를보면 충분히 사용 가능하다. 이런 plugin이 있다라고 인지만 해두자! carousel_Slider와 함께 사용 하면 효과적이다!
https://pub.dev/documentation/get/latest/ get - Dart API docs About Get GetX is an extra-light and powerful solution for Flutter. It combines high-performance state management, intelligent dependency injection, and route management quickly and practically. GetX has 3 basic principles. This means that these are the pr pub.dev flutter 를 Dart 로 개발을 할때 상태관리를 위한 여러가지 방법들이 있다(Rx, stream, provider.. 등등..
TabBar 위젯을 사용하면서 controller를 지정해 주지 않으면 발생하는 오류. controller 는 직접 만들어서 적용해도 되지만 DefaultTabController위젯을 사용해도 된다. // DefaultController 사용예시 @override Widget build(BuildContext context){ return DefaultTabController( child: Scaffold( // 기존과 동일하게 작성 ) ); } ////////////////////////////////////////////// // StatefulWidget controller 예시 late TabController _tabController; @override void initState() { sup..
https://api.flutter.dev/flutter/widgets/IndexedStack-class.html IndexedStack class - widgets library - Dart API A Stack that shows a single child from a list of children. The displayed child is the one with the given index. The stack is always as big as the largest child. If value is null, then nothing is displayed. This example shows a IndexedStack widget being use api.flutter.dev bottomNavigat..