이번에는 플러터 프로젝트에 폰트를 적용해 주자 폰트 다운로드하기 구글 폰트에서 원하는 폰트를 다운로드한다 https://fonts.google.com/ Browse Fonts - Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 프로젝트 상단에 assets/font 폴더를 만든 뒤 넣어주었다 pubspec.yaml 파일 작성 다운로드한 폰트를 사용할 수 있도록 pubspec.yaml파일에 추가시켜 준다 fonts: - family: DoHyeon fonts: - asset: assets/fonts/Do_Hyeon/DoHyeon-Regular.ttf - family: NotoS..

bottomAppbar를 사용하니까 페이지 이동시 깜빡이면서 화면이 켜지는 게 어색하게 느껴졌다 깜빡이는 현상을 막기위해 페이지 이동 transition을 없애기로 했다 https://docs.page/csells/go_router/transitions go_router docs.page 이곳을 보고 기존 작성된 GoRoute의 페이지들을 수정해 주었다 // 기존 GoRoute( path: '/', name: 'home', builder: (context, state) => const Home(), ) // 수정 GoRoute( path: '/', name: 'home', pageBuilder: (context, state) => const NoTransitionPage(child: Home()), ) ..

GetX를 사용하지 않게 되면서 라우팅 라이브러리로 gorouter를 사용하게 되었다 https://pub.dev/packages/go_router go_router | Flutter Package A declarative router for Flutter based on Navigation 2 supporting deep linking, data-driven routes and more pub.dev GoRouter 설정하기 설치를 한 후 초기 세팅을 해줘야 한다 Main.dart에서 MaterialApp() 대신 MaterialApp.router()으로 class App extends ConsumerWidget { const App({super.key}); @override Widget build(B..

GestureDetector를 사용하다 보면 분명 눌렀는데 누른 처리가 되지 않는 경우를 볼 수 있다 GestureDetector는 터치 범위가 실제 위젯의 크기만큼 만큼 이기 때문이다 Container( padding: EdgeInsets.all(20.w), color: Colors.white, child: GestureDetector( onTap: () => print("CLICK!"), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text("메뉴이름"), Icon(Icons.arrow_forward), ], ), ), ) 이 상태에서 아무리 흰색 container 부분을 클릭해도 print가 실행되지 않는다 p..

화면이 다 그려진 후 작업을 처리하고 싶을 때 사용할 수 있다 리스트가 불려진 후 스크롤 위치를 옮긴다거나.. 하는 경우에! https://api.flutter.dev/flutter/scheduler/SchedulerBinding/addPostFrameCallback.html addPostFrameCallback method - SchedulerBinding mixin - scheduler library - Dart API void addPostFrameCallback(FrameCallback callback ) Schedule a callback for the end of this frame. The provided callback is run immediately after a frame, just ..

class를 만들다 보니 ref가 없는 class에서 ref를 사용해야 하는 경우가 생겼다 repository에서 provider안 함수를 사용하고싶었다 함수함수마다 ref를 전달해 주는 건 아니라 생각해서 다른 방법을 찾았다 일단 example class를 작성한다. class Example { funA() { //ref를 사용하고 싶다... } } funA에서 ref를 사용하기 위해 exampleProvider를 만들어 Example에서 ref를 사용하도록 할 수 있다 import 'package:flutter_riverpod/flutter_riverpod.dart'; final exampleProvider = Provider(Example.new); class Example { final Ref r..