* 해당 글은 go_router 13.0.1 버전으로 설명되어 있습니다. * 버전이 업데이트되면서 바뀌는 사항은 하단에 업데이트되어 있습니다. 우리가 흔히 사용하는 웹상의 주소를 살펴보면 빨간색 영역이 도메인 영역 파란색은 path Parameter 초록색 영역은 queryString 영역입니다. 앱에서도 이처럼 pathParameter와 queryString을 이용해서 라우팅 관리를 할 수 있습니다. go_router를 이용해서 pathParameter와 queryString을 다루어 보겠습니다. 1. path Parameter path(길, 경로) 즉 이동하고 싶은 길이나 경로를 정해줘야 합니다. final router = GoRouter( routes: [ GoRoute( path: '/', bui..
* 해당 글은 go_router 13.0.1 버전으로 설명되어 있습니다. * 버전이 업데이트되면서 바뀌는 사항은 하단에 업데이트되어 있습니다. Navigator.push(context, MaterialPageRoute(builder: (context) => APage())); Navigator.pop(context); 일반적으로 페이지를 이동할 때 위와 같은 코드를 사용하여 페이지를 이동하고 뒤로 오는 작업을 수행할 것입니다. go_router에서도 push와 pop을 똑같이 사용이 가능합니다. final router = GoRouter( routes: [ GoRoute( path: '/', builder: (context, state) { return APage(); }, ), GoRoute( path..
* 해당 글은 go_router 13.0.1 버전으로 설명되어 있습니다. * 버전이 업데이트되면서 바뀌는 사항은 하단에 업데이트되어 있습니다. final router = GoRouter( routes: [ GoRoute( path: '/', builder: (context, state) { return APage(); }, ), ], ); go_router 1번 글에서 path가 ' / ' 경우에는 초기 페이지로 설정되어 앱을 실행시키면 해당 페이지가 빌드된다고 했습니다. final router = GoRouter( routes: [ GoRoute( path: '/', builder: (context, state) { return APage(); }, ), GoRoute( path: '/b', build..
* 해당 글은 go_router 13.0.1 버전으로 설명되어 있습니다. * 버전이 업데이트되면서 바뀌는 사항은 하단에 업데이트되어 있습니다. 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 flutter에서 라우팅 관리로 자주 쓰이는 패키지인 go_router를 적용해 보도록 하겠습니다. 1. 패키지 등록 pubspec.yaml 파일에 go_router 패키지를 등록시켜 줍니다. 2. router 파일 생성 router들을 관리하기 위..
flutter dart의 날짜 처리 작업을 위해 제공하는 DateUtils Class를 알아보겠습니다. https://api.flutter.dev/flutter/material/DateUtils-class.html DateUtils class - material library - Dart API Utility functions for working with dates. Constructors DateUtils() Properties hashCode → int The hash code for this object. read-onlyinherited runtimeType → Type A representation of the runtime type of the object. read-onlyinherited..
앱에서 이런 디자인을 작업했다고 가정하면 다른 사용자들도 사진과 같은 모습으로 보여야 합니다. 하지만 사용자 디바이스 텍스트 사이즈에 따라서 전혀 다른 디자인으로 변할 수 있습니다. 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..
