welcome to my blog

Scaffold -> bottomNavigationBar : BottomNavigationBar 추가 BottomNavigationBar -> items : BottomNavigationBarItem 추가 * 4개 이상일때만 애니메이션 적용됨 (3개로 해놓고 왜 안되나 한참 삽질함..) @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: Scaffold( body: Center( child: _widgetOptions.elementAt(_selectedIndex), ), backgroundColor..

getX 를 이용하여 간단한 Counter App을 작성해보자 get 설치 : 사용버전 4.3.8 flutter pub add get 사용 : import 'package:get/get.dart'; Flutter의 새 프로젝트에서 기본적으로 생성된 "카운터" 프로젝트에는 100줄 이상(주석 포함)이 있습니다. Get의 힘을 보여주기 위해 클릭할 때마다 상태를 변경하는 "카운터"를 만드는 방법, 페이지 간에 전환하고 화면 간에 상태를 공유하는 방법을 모두 조직적인 방식으로 보여주고 비즈니스 논리를 보기에서 분리합니다. 주석을 포함한 26개의 라인 코드. 요약 : 카운터앱 만들기( 페이지 전환 / 상태공유 / 비즈니스 로직 분리 )를 할것이다. class Controller extends GetxContro..

플러터를 개발하다보면 이런 문구가 뜰때가 있다. 업그레이드가 필요한 시점 ! 플러터 업그레이드 커맨드 : flutter upgrade

SafeArea : 노치 제외한 영역(컨텐츠가 가려지지 않는 영역) Flutter에서 SafeArea를 사용하는 방법 : class FirstPage extends StatelessWidget { const FirstPage({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( title: "firstPage", home: Scaffold( backgroundColor: Colors.redAccent, body: SafeArea( child: Container( color: Colors.deepPurpleAccent, child: Text('safeArea'), ), ), ) ); }..

getX : (사용버전 4.3.8) 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는 Flutter를 위한 초경량의 강력한 솔루션입니다. 고성능 상태 관리, 지능형 종속성 주입 및 경로 관리를 빠르고 실질적으로 결합합니다. 상태관리, 경로관리(페이지이동)을 빠르고 쉽게 도와줌 설치 커맨드 : $ flutter pub add get 다음을 import 해서 사용 import 'package:get/get.dart'; 기..

2021.10.16 - [Flutter] - [Flutter] Image Asset 추가하기 구현할 기능 : - 이미지를 꾹 누르면(LongPress) "저장하시겠습니까?" 팝업 발생 - 저장 / 닫기 버튼 - 저장 선택시 갤러리에 이미지 저장 후 팝업 닫기 - 닫기 선택시 팝업 닫기 사용 라이브러리 : 1. image_gallery_saver https://pub.dev/packages/image_gallery_saver flutter pub add image_gallery_saver 작성일 기준 1.7.1 ver. 2. Dio https://pub.dev/packages/dio flutter pub add dio 작성일 기준 4.0.0 ver. 3. cached_network_image https:/..