본문 바로가기
반응형

Flutter290

Flutter에서 Drawer완전 정복 안녕하세요! 오늘은 Flutter에서 Drawer를 이용한 블로그글 작성 방법을 알려드리겠습니다.Drawer는 모바일 앱에서 좌우측에 메뉴를 나타내는 UI 위젯입니다. 블로그 앱에서 Drawer를 활용하면 사용자들이 쉽게 카테고리, 최신 글, 프로필 등을 이동할 수 있도록 도와줍니다. 1. Drawer 만들기먼저, main.dart 파일에서 Drawer를 만들어 봅시다.import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title.. 2024. 5. 25.
플러터에서 Google 로그인 구현하기 플러터에서 Google 로그인 구현하기: 단계별 가이드플러터는 Google 로그인을 포함한 다양한 인증 방법을 손쉽게 구현할 수 있도록 지원합니다. 이 블로그 게시물에서는 플러터 앱에 Google 로그인을 통합하는 단계별 가이드를 제공합니다. 1. 프로젝트 설정Flutter 프로젝트를 생성하거나 기존 프로젝트를 엽니다.pubspec.yaml 파일에 다음 종속성을 추가합니다: dependencies: firebase_auth: ^3.1.1 google_sign_in: ^5.2.1 프로젝트 루트 디렉토리에서 다음 명령을 실행하여 종속성을 설치합니다:flutter pub get 2. Firebase 설정Firebase 콘솔에 이동하여 새 프로젝트를 만들거나 기존 프로젝트를 선택합니다.Authenticati.. 2024. 5. 24.
플러터 FCM 실제 구현 코드 1. 터미널에서 패키지 세팅을 해줍니다.flutter pub add firebase_messagingimport 'package:firebase_messaging/firebase_messaging.dart';flutter pub add flutter_local_notificationsimport 'package:flutter_local_notifications/flutter_local_notifications.dart'; 2. 먼저 안드로이드의 설정을 위해 android > app > src > main > AndroidManifest.xml에서 다음 5줄을 추가해줍니다. android:showWhenLocked="true"android:turnScreenOn="true" .. 2024. 5. 24.
플러터에서 FCM 구현하기 플러터에서 FCM 구현하기: 초보자 가이드Firebase Cloud Messaging (FCM)은 모바일 앱에 푸시 알림을 전송하는 데 사용되는 무료 서비스입니다. 플러터 앱에서 FCM을 사용하면 사용자에게 중요한 업데이트, 마케팅 메시지, 기타 알림을 보낼 수 있습니다.이 가이드에서는 플러터 앱에 FCM을 구현하는 방법을 단계별로 안내하며, 초보자가 쉽게 이해할 수 있도록 자세한 설명과 코드 예시를 제공합니다. 필수 조건:Flutter 개발 환경 설정Firebase 계정단계: 1. Firebase 프로젝트 설정:Firebase 콘솔([유효하지 않은 URL 삭제됨] 이동하여 로그인합니다.새로운 프로젝트를 생성하거나 기존 프로젝트를 선택합니다.왼쪽 메뉴에서 Cloud Messaging을 선택합니다.앱 추가.. 2024. 5. 24.
앱 권한 관리를 손쉽게 해주는 permission_handler 패키지 사용법 가이드 앱 권한 관리를 손쉽게 해주는 permission_handler 패키지 사용법 가이드모바일 앱 개발 시 사용자로부터 다양한 권한을 요청하는 경우가 많습니다. 하지만 권한 요청 및 관리 과정은 복잡하고 시간이 많이 소요될 수 있습니다.permission_handler 패키지는 Flutter 앱에서 권한 요청 및 관리를 간편하게 처리하도록 도와주는 기능을 제공합니다. 이 블로그 글에서는 permission_handler 패키지의 주요 기능, 사용법, 활용 사례 등을 자세히 살펴보겠습니다. 1. permission_handler 패키지 소개 permission_handler 패키지는 다음과 같은 기능을 제공합니다.사용자 권한 상태 확인: 앱이 요청할 수 있는 모든 권한의 상태를 확인할 수 있습니다.권한 요청:.. 2024. 5. 23.
Flutter에서 네이티브 스플래시 화면을 간편하게 구현하는 방법 Flutter에서 네이티브 스플래시 화면을 간편하게 구현하는 방법: flutter_native_splash 사용법 가이드앱 로딩 시 사용자에게 매력적인 경험을 제공하는 것은 매우 중요합니다. Flutter에서 네이티브 스플래시 화면을 사용하면 앱 로딩 속도를 느낄 수 있도록 로딩 과정을 매끄럽게 보여줄 수 있습니다.이 블로그 글에서는 flutter_native_splash 패키지를 사용하여 Flutter 앱에 네이티브 스플래시 화면을 간편하게 구현하는 방법을 단계별로 안내합니다.1. flutter_native_splash 패키지 설치pub add flutter_native_splash 2. 스플래시 이미지 준비스플래시 화면에 표시될 이미지를 준비해야 합니다. 이미지는 각 플랫폼의 해상도에 맞게 여러 크기.. 2024. 5. 23.
반응형

티스토리툴바