본문 바로가기

Tech48

Flutter에서 go_router를 사용하여 기본 페이지 전환 설정하기 원인: go_router는 페이지 전환을 설정하는 pageBuilder 속성을 제공합니다. 그러나 이 속성을 사용하여 각 페이지마다 전환을 설정하는 것은 매우 번거롭고 중복적인 작업입니다. 따라서 모든 페이지에 대해 기본 페이지 전환을 설정하는 방법이 필요합니다. 해결: go_router의 GoRouter 위젯에 대한 transitionBuilder 속성을 사용하여 모든 페이지에 대한 기본 페이지 전환을 설정할 수 있습니다. 이 속성은 페이지 전환을 생성하는 함수를 제공합니다. 따라서 모든 페이지에 대해 동일한 페이지 전환을 설정하려면 이 속성을 사용하면 됩니다. GoRouter( // ... transitionBuilder: (context, child) { return CustomTransitionP.. 2023. 10. 5.
Flutter로 개발한 앱의 효과적인 사용자 온보딩, 쉽게 쓰게 하기!! Flutter Alarm 앱을 사용하는 사용자들이 앱의 기능을 쉽게 이해하고 사용할 수 있게 해야겠죠?!. 이번 글에서는 Flutter를 사용하여 Alarm 앱의 효과적인 사용자 온보딩을 구현하는 방법에 대해 알아보겠습니다. 온보딩 페이지 구현하기 Flutter에서 온보딩 페이지를 구현하는 방법은 다양합니다. 이번 글에서는 PageView 위젯을 사용하여 온보딩 페이지를 구현해보겠습니다. class OnboardingPage extends StatelessWidget { final String title; final String description; final String image; OnboardingPage({required this.title, required this.description, re.. 2023. 10. 4.
Flutter 앱에서 구독 모델 구현하기: 알람 앱에서 재정적 수익 창출하기 Flutter로 앱을 개발하고 있다면, 앱에서 수익을 창출하는 방법을 고민하게 되죠?! 이번 글에서는 알람 앱을 예시로 들어, 구독 모델을 구현하는 방법에 대해 알아보겠습니다. Firebase 구성 Firebase를 사용하여 앱에서 구독 모델을 구현하려면, Firebase Console에서 구성해야 할 몇 가지 설정이 있습니다. 먼저, Firebase Authentication을 사용하여 사용자 계정을 만들고, Firebase Cloud Firestore를 사용하여 사용자의 구독 상태를 저장해야 합니다. 구독 상태 관리 Flutter에서는 Provider 패키지를 사용하여 상태 관리를 할 수 있습니다. 이를 사용하여, 사용자의 구독 상태를 관리하고, 해당 상태에 따라 앱에서 특정 기능을 제한할 수 있습니.. 2023. 10. 3.
Flutter 앱의 크로스 플랫폼 개발 방법 android, ios Flutter는 안드로이드와 아이폰 모두 개발하려고 하는 프레임워크이잖아요!? 전체적으로 간단하게 앱이나 웹까지 알아보겠습니다! Flutter는 Google에서 개발한 크로스 플랫폼 프레임워크로, 안드로이드와 iOS, 웹, 데스크톱 등 다양한 플랫폼에서 앱을 개발할 수 있습니다. 이번 글에서는 Flutter를 사용하여 알람 앱을 개발하고, 다양한 플랫폼에서 앱을 사용할 수 있는 방법에 대해 알아보겠습니다. 1. Flutter 알람 앱 개발 Flutter를 사용하여 알람 앱을 개발할 때는 다음과 같은 기능이 필요합니다. 알람 설정 알람 울림 알람 중지 이를 위해 Flutter에서 제공하는 다양한 라이브러리와 플러그인을 사용할 수 있습니다. 예를 들어, flutter_local_notifications 플러.. 2023. 10. 3.