https://pub.dev/packages/shared_preferences shared_preferences | Flutter package Flutter plugin for reading and writing simple key-value pairs. Wraps NSUserDefaults on iOS and SharedPreferences on Android. pub.dev shared_preferences는 Flutter 개발에서 로컬 데이터를 간편하게 저장하고 검색할 수 있도록 도와주는 패키지 중 하나입니다. 이 패키지는 앱의 설정, 상태 유지, 사용자 기본 설정 등을 저장하고 관리할 때 유용합니다. 주로 간단한 키-값 쌍의 데이터를 저장하는 데 사용됩니다. 사용 이유 쉬운 로컬 데이터 저장: ..
앱에서 이런 디자인을 작업했다고 가정하면 다른 사용자들도 사진과 같은 모습으로 보여야 합니다. 하지만 사용자 디바이스 텍스트 사이즈에 따라서 전혀 다른 디자인으로 변할 수 있습니다. ex) 텍스트 크기 - 보통 텍스트 크기 - 작게 텍스트 크기 - 크게 이런 식으로 사용자의 디바이스 설정 텍스트 크기에 따라 텍스트 크기가 달라져서 개발한 디자인이 제대로 보이지 않을 가능성이 큽니다. 이것을 다 대응하면서 디자인을 짜는 것은 매우 많은 작업이 추가되므로 일반적으로는 앱에서 텍스트 크기를 디바이스에 따르지 않고 앱에서 따로 지정하여 해당 크기로만 보이게 작업을 합니다. textScaleFactor - deprecate MediaQuery( data: MediaQuery.of(context).copyWith(..
위와 같은 작업을 할 때 Flutter에서 기본으로 제공되는 Clipboard를 이용해서 할 수 있습니다. https://api.flutter.dev/flutter/services/Clipboard-class.html Clipboard class - services library - Dart API Utility methods for interacting with the system's clipboard. Constructors Clipboard() Properties hashCode → int The hash code for this object. read-onlyinherited runtimeType → Type A representation of the runtime type of the objec..
1. 티켓 모양 class TicketWidget extends StatelessWidget { const TicketWidget({super.key}); @override Widget build(BuildContext context) { return Scaffold( body: SafeArea( child: Padding( padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 16), child: SizedBox( height: 188, width: double.infinity, child: CustomPaint( painter: TicketPainter(), ), ), ), ), ); } } class TicketPainter extends..
안녕하세요. 이번에는 Custom Icon을 사용하거나 SVG를 Icon으로 바꾸는 방법을 알아보겠습니다. 1. Flutter custom icons generator 접속 구글에 flutter icon을 검색하면 두 번째에 보이는 FlutterIcon 공식 사이트가 있습니다. 해당 페이지로 접속해 주세요. https://www.fluttericon.com/ FlutterIcon - Flutter custom icons generator This site will not work if cookies are completely disabled. {"assets_hash":"e63afe94764170521b88e195c1026df9","page_data":{},"locale":"en-US","layout":..
Flutter로 웹을 지원하고 개발할 때 실제 디바이스 웹으로 테스트하는 방법을 소개하겠습니다. 1. 준비 컴퓨터와 모바일 네트워크를 맞추셔야 합니다. 디바이스를 컴퓨터와 같은 네트워크 와이파이로 연결합니다. 2. Ip주소 확인 window / mac 에서 Ip주소를 확인합니다. ex) 192.111.1.1 3. Flutter 웹 빌드 project root directory 터미널에 다음 명령을 입력합니다. flutter run -d chrome --web-hostname 192.111.1.1 --web-port 8181 hostname 에는 2번에서 확인한 Ip주소를 넣어주시고, port 에는 사용하지 않는 포트번호 자유롭게 설정하셔도 됩니다. 빌드를 하게되면 192.111.1.1:8181 포트로 빌..
TextField에 복사나 붙여넣기를 막아야 하는 상황에서 enableInteractiveSelection을 false로 주면 비활성화가 됩니다. TextFormField( enableInteractiveSelection: false, ... ),
return GestureDetector( onTap: () { FocusScope.of(context).unfocus(); }, child: ..., ); 포커스를 가진 위젯의 외부터치로 포커스를 잃게 하려면 원하는 외부영역의 루트에 GestureDetector로 터치이벤트를 감지하고 이벤트로 FocusScope.of(context).unfocus() 를 실행하면 현재 context의 focus를 감지해 focus를 제거합니다. TextField외 전체적으로 터치시 focus를 제거하려면 Scaffold 상위에 작업하시면 됩니다.
