내가 보려고 만든 블로그

정----말 오랜만에 Flutter로 사이드 프로젝트를 시작했습니다. 한동안 손 놓고 있던 사이에 Flutter 버전은 2.x대에서 3.x대로 훌쩍 업데이트되었고, 그러면서 바뀐 점들도 꽤 있더라고요.프로젝트를 진행하며 알게 된 몇 가지를 정리해 보려고 합니다. 그 첫 번째 타자가 바로 Flavor! 그럼 시작해 볼까요?Flavor란?프로젝트를 진행하거나 출시하다 보면 하나의 소스 코드로 여러 환경에 맞춰 앱을 빌드해야 할 때가 많습니다. 개발, 스테이징, 운영 등등.. 각 환경은 서로 다른 API 주소나 앱 이름, 아이콘을 가져와야 하죠. 만약 이런 설정을 수동으로 변경한다면 개발 서버를 바라봐야 할 앱이 운영 서버를 본다거나 하는 크리티컬한 실수를 피하기 쉽지 않습니다.Flutter의 Flavor는 ..

flutter 스크롤시 keyboard 숨기기! Scaffold( ... body: GestureDetector( behavior: HitTestBehavior.opaque, onPanDown: (_) { FocusScope.of(context).requestFocus(FocusNode()); }, child: SingleChildScrollView( ...

Navigator.pushAndRemoveUntil( context, MaterialPageRoute( builder: (BuildContext context) => TabPage(currentIndex: 1), ), (route) => false, );

문제 icon button에 padding이 너무 과도하게 들어가있어 버튼과 버튼사이에 간격이 생긴다 해결방안 처음엔 다른 위젯처럼 padding에 EdgInsets.zero를 주어보았다 하지만 다른 변화 없이 그대로인걸 확인해서 찾은 방법! IconButton에 아래 코드를 추가하는것이다! constraints: BoxConstraints(), // constraints IconButton( constraints: BoxConstraints(), // constraints onPressed: () { }, icon: Image.asset( iconGrayCheck width: 15, ))

flutter에서 html을 쓰자니 너무 엉성해서 html tag를 모두 빼고 widget으로 그리고싶어서 찾아보았다! import 'package:html/parser.dart'; String parseHtmlString(String htmlString) { try{ final document = parse(htmlString); final String parsedString = parse(document.body!.text).documentElement!.text; return parsedString; }catch(e){ return htmlString; } } 이렇게하면 문자열에서 html 태그를 모두 제거하고 문자열만 출력해서 사용할 수있다!

textfield에서 숫자만 입력하게 하고싶을때! keyboardType: TextInputType.number, inputFormatters: [ FilteringTextInputFormatter.digitsOnly ], // Only numbers can 이렇게 하면 숫자만 입력된다! keyboard type은 변경하지않아도되지만, 유저들의 편의성을 위해 추가해주는걸루!

https://api.flutter.dev/flutter/services/Clipboard-class.html Clipboard class - services library - Dart API Utility methods for interacting with the system's clipboard. Properties hashCode → int The hash code for this object. [...] read-only, inherited runtimeType → Type A representation of the runtime type of the object. read-only, inherited Methods noSuchM api.flutter.dev 플루터에서 지원하는 기본적인 clipb..

flutter에서 datetime 유형을 변경할때 사용!! String dateFormat(String dateString, {bool numericDates = true}) { DateTime notificationDate = DateFormat("yyyy-MM-dd HH:mm:ss").parse(dateString); print(notificationDate); String month = notificationDate.month < 10 ? '0${notificationDate.month}' : "${notificationDate.month}"; String date = notificationDate.day < 10 ? '0${notificationDate.day}' : "${notificationD..

플루터하면 항상 소셜로그인이 들어가는데, 많은 소셜로그인이 있지만 제일 힘든건 애플... 애플은 ios랑 android를 따로 해주어야되는데, 애플이 자기꺼라고 ios만 편애하는거같다 https://pub.dev/packages/sign_in_with_apple sign_in_with_apple | Flutter Package Flutter bridge to initiate Sign in with Apple (on iOS, macOS, and Android). Includes support for keychain entries as well as signing in with an Apple ID. pub.dev 공식 사이트에 설명이 잘 되어있지만, 모두 ios기준이다 ios는 하라는대로하면 문제없이 잘 ..

플루터 웹 하던중 사파리에서 왼쪽에서 오른쪽으로 스와이프해서 뒤로가기에서 오류가 발생했다. 이상한 위치로 가는... 뒤로가기 하면 오류나는... 진자 이상한.. 뭔지 모르겠는 오류 아이폰 쓰는 사람은 다 아는 뒤로가기지만 어떻게 수정해야될지 감도 안잡히는거! 🖐 잠깐! 참고사이트 ↓↓↓↓ https://stackoverflow.com/questions/49894406/how-to-implement-swipe-to-previous-page-in-flutter How to implement swipe to previous page in Flutter? Go back feature works only on the edge of the screen on iPhone. How can I swipe to previ..