본문 바로가기

전체 글

(20)
Flutter 공부_8 -go_router: ^6.0.2 - return MaterialApp.router(routerConfig: ,) -GoRouter()-GoRoutepush pop -> 뒤로가기 가능go -> 뒤로가기 없음
Flutter 공부_7 -CloseButton-ListWheelScrollViewfor(var x in [])FractionallySizedBox(child : Container) -CupertinoActivityIndicator()->로딩 아이콘 애니메이션-CircularProgressIndicator()->구글 로딩 아이콘 애니메이션.adaptive()는 플랫폼마다 다른 indicator을 보여줌 -ListView-ListTileonTap: () => showAboutDialog(context: context, applicationVersion: "1.0")-AboutListTile()  - onTap : () => showDatePicker() -> 날짜 선택 위젯final time = await showTimePicke..
Flutter 공부_6 -Dismissiblekey : const Key("x:)background: secondaryBackground : late final AnimationController initState(){AnimationControoler(vsync.this, duration: Duration(milliseconds:300));} late final Animation _animation = Tween(begin: 0.0,end: 1.0).animate(_animationController) -RotationTransition-SlideTransitionListTileleading : 아이콘 등등title : 텍스트 or children 등등 -AnimatedModalBarrier -DoubleTween,Offse..
Flutter 공부_5 -CupertinoSearchTextField()onChanged : _onSerachChanged,onSubmitted: _onSerachSubmitted, How to search items? final TextEditingController = _textEditingController(text : "~")Controller should be disposetextSelectionTheme make it you can change cursor color or any theme resizeToAvoidBottomInset : false는 Scaffold가 키보드 진입 시 resize되는 것을 방지 appbar에 actions는 버튼을 추가하게 됨(필터 같은 기능이나 DM 버튼 추가) ListTile(co..
Flutter 공부_4 -Animation Controllerbool _isPaused = false;Animated Opacity(opacity: _isPaused ? 1 : 0,duration : _animationDurationchild : const FaIcon()) late final AnimationController _animationController_animationController = AnimationController(vsync: this, ); - with SingleTickerProviderStateMixin vsync => 애니메이션의 불필요한 자원 소요를 막음Ticker를 제공하는 클래스 - RefreshIndicator : 아래로 드래그하는 새로고침 위젯
Flutter 공부_3 Stack(clipBehavior: children:[Positioned(left:20,child: Container(height: 30,width:25,padding: ~decoration: BoxDecoration(color: Colors.blue,borderRadius: BorderRadius.circular(Size.size11)Container(height: 30,child: Center(child: FaIcon(FontAwesomeIcons.plus, color: Colors.black,) -Infinite ScrollingList of (VideoPostWidget) int _itemCount = 4; List colors = [Colors.blue,Colors.red,]; void _onP..
FlutterWidget 정리2 - Tutorial ScreenStateful widgetvoid _onNextTapDefualtTabController -> 스와이프 가능한 페이지를 생성해줌, 어느 페이지에 있는지 알려줌( length : 3Scaffoldbody : SafeArea(TabBarView (required controllerchildrenPadding(padding :ColumnchildrenTextGaps.v20,TextbottomNavigationBar : BottomAppBarchild : Containerpadding:child: Row(mainAxisAlignmentchildren : const[TabPageSelector()]) -> 화면 전환 상황을 보여줌 enum Direction {right, left}..
Flutter Widget 정리 - Authentication : 회원가입, 로그인FormTextFieldTextFormFieldSafeAreaFontAwesomeBottomAppBarScaffoldGapsSizesFocusScopeDecorationBoxRowColumnGestureDetectorNavigator - OnBoarding : 앱을 실행했을 때 유저를 맞이하고 앱을 설명하는 화면void _onScroll(){ if(_scrollController.offset > 100){ setState(_showTitle = true)}else{setState(_showTitle = false)}} ScaffoldappBar: AppBar(title:AnimatedOpacity(opacity: showTitle ? 1 : 0,durat..