목록2022/10 (12)
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와 함께 사용 하면 효과적이다!