티스토리

seong
검색하기

블로그 홈

seong

seong9566.tistory.com/m

Flutter 개발자의 슴슴한 메모장

구독자
1
방명록 방문하기

주요 글 목록

  • Flutter - Google_map (iOS) 초기 셋팅Google Map을 사용하려면 API Key를 발급 하고, 추가 필요Google Map API Key 발급 링크https://cloud.google.com/maps-platform/ Google Maps Platform - Location and Mapping SolutionsCreate real world and real time experiences for your customers with dynamic maps, routes & places APIs from Google Maps Platform’s location solutions.mapsplatform.google.com Get Started 클릭 Country 서울로 해주고 나머지 동의 후 넘어가준다. 우편 번호를 찾으라고 하는데 .. 공감수 1 댓글수 1 2025. 2. 22.
  • Flutter - flutter_foreground_task(2) Flutter는 기본적으로 단일 스레드(UI Thread)방식으로 동작하기 때문에 Backgroud, Foreground 작업을 하기 위해선 다른 Thread 사용 해주어야한다. Foreground도 결국 코드를 보면 Port를 열어서 UI스레드와 통신을 하는 방식이다.그래서 Port를 초기화 시켜주어야 하는데, 이걸 라이브러리에서 initCommunicationPort 함수로 편하게 할 수있다.1. Main함수에서 데이터 송수신 하기 위해 Port를 초기화 // 1. Main에서 Foreground와 통신이 가능한 Port 초기화 main() { WidgetsBinding widgetsBinding = WidgetsFlutterBinding.ensureInitialized(); Flutter.. 공감수 2 댓글수 0 2024. 11. 13.
  • Flutter - flutter_staggered_animations 애니메이션 적용기 https://pub.dev/packages/flutter_staggered_animations flutter_staggered_animations | Flutter packageEasily add staggered animations to your ListView, GridView, Column and Row children as shown in Material Design guidelinespub.dev적용 할 애니메이션 최초 빌드 시 ListView, 버튼 클릭 할 때 마다  GridView ListView 각 애니메이션이 바뀌게.적용 하면서 알게 된 사항 - 위젯이 빌드 시 처음 렌더링 될 때만 애니메이션이 적용 된다, 즉 + 버튼을 눌러 ListView와 GridView를 전환할 때 애니메이션.. 공감수 0 댓글수 0 2024. 11. 10.
  • Flutter - Xcode 16 업데이트 이후 발생한 Writing result bundle at path 및 기타 에러 발생한 에러Writing result bundle at path: /var/folders/_y/wm04fckd03z_b6prg9phrfq00000gn/T/flutter_tools.RnkvNF/flutter_ios_build_temp_dir1VI1tl/temporary_xcresult_bundle /Users/ihyeonseong/.pub-cache/hosted/pub.dev/url_launcher_ios-6.2.4/ios/Classes/Launcher.swift:20:1: error: type 'UIApplication' does not conform to protocol 'Launcher' extension UIApplication: Launcher {} ^ UIKit.UI.. 공감수 2 댓글수 0 2024. 9. 27.
  • Flutter - flutter_callkit_incoming 라이브러리 사용 ( Fake_call ) 전화 화면 기능 및 전화기능을 내가 만든 앱으로 변경 할 수 있다.보통은 Native기능( Kotlin,Swift ) 로 개발하면 좋겠지만 Flutter에서 한번에 지원해주는 라이브러리가 있어서 우선 사용. 사용 라이브러리 : Flutter_callkit_incoming- Stream_io 에서 만들어서 지원해주는 패키지이다.어느정도 신뢰성이 있어서 일단 사용 해보기로 결정https://pub.dev/packages/flutter_callkit_incoming flutter_callkit_incoming | Flutter packageFlutter Callkit Incoming to show callkit screen in your Flutter app.pub.dev1. 필요 라이브러리 추가 pubspe.. 공감수 3 댓글수 0 2024. 9. 25.
  • Flutter - Android 뒤로가기 버튼 클릭을 홈버튼과 동일한 효과 내기 Android에서 뒤로가기 버튼 클릭시 앱을 종료 하는게 아니라, 백그라운드에서 계속 실행 해둬야 하는 경우가 생길 수 있다.이때 Android에서 moveTaskToBack이라는 함수가 있어서, 메서드 채널로 구현할 수 있다.1. PopScope로 뒤로가기를 감지 하고, 함수에서 더블 클릭 시 메서드 채널로 요청PopScope( canPop: false, onPopInvoked: (bool didPop) { onWillPop(); }, child:Scaffold(); );Future onWillPop() async { DateTime now = DateTime.now(); if (backPressTime == null || now.differenc.. 공감수 0 댓글수 0 2024. 9. 19.
  • Flutter -권한 요청 iOS PermissionHandler 사용 라이브러리 https://pub.dev/packages/permission_handler permission_handler | Flutter packagePermission plugin for Flutter. This plugin provides a cross-platform (iOS, Android) API to request and check permissions.pub.dev 1. pubspec.yaml 라이브러리 추가dependencies: flutter: sdk: flutter permission_handler: ^11.3.1 cupertino_icons: ^1.0.62. 라이브러리 설명서 대로 ios/Podfile에 아래 코드 추가  - 사용 해야할 권한을 주석을 풀어주고 0 .. 공감수 0 댓글수 0 2024. 9. 19.
  • Flutter - BottomNav 더블 탭시 화면의 스크롤 가장 위로 보내기 전제 조건- BottomNav의 총 index는 4개  BottomNav의 index가 총 4개, 관리 해야할 scroll이 4개이므로 ScrollController을 List로 선언 import 'package:flutter/material.dart';import 'package:flutter_riverpod/flutter_riverpod.dart';final scrollControllersProvider = StateNotifierProvider>( (ref) { return ScrollControllerNotifier();});class ScrollControllerNotifier extends StateNotifier> { ScrollControllerNotifier() .. 공감수 0 댓글수 0 2024. 8. 9.
  • AndroidStudio - 코드 스니펫 커스텀 생성 하기 Mac 기준 Android Studio -> Settings -> Editor -> Live Templates -> 사용할 프레임워크나, 언어 선택이미지는 Flutter의 debugPrint 생성 왼쪽위의 "+" 버튼으로 생성 후  Apply, Ok 버튼 클릭- Abbreviation : 내가 사용할 줄임 키워드 ex) dp를 입력하면 Template Text가 생성된다.- Description : 설명- Template text : Abbreviation을 입력했을 때 나올 구문 입력결과dp 입력 시 자동 완성에 설정한  debugPrint값이 나온다. 공감수 0 댓글수 0 2024. 8. 7.
  • Flutter - xcode Invalid Bundle. The bundle Runner.app/Frameworks/App.framework does not support the minimum OS Version specified in the Info.plist. iOS 배포 하려고 Archive하던 도중 만난 에러 해결 방법Flutter 프로젝트에서 ios/Runner.xcoworkspace 파일 열어준다 ( open ios/Runner.xcworkspace ) Runner -> Minimum Deployments에 설정된 iOS 버전은 12.0으로 되어있다. Runner -> Flutter -> AppFrameworkInfoMinimumOSVersion은 기존에 11.0 -> 12.0으로 맞춰준 후 해결 공감수 0 댓글수 0 2024. 8. 6.
  • AOS - Minimum supported Gradle version is 8.7. Current version is 8.5. Gradle 버전을 최신화 시키던 중 발생한 에러 buildscript { ext.kotlin_version = '1.9.10' repositories { google() mavenCentral() } dependencies { // START: FlutterFire Configuration classpath 'com.google.gms:google-services:4.3.15' // END: FlutterFire Configuration classpath 'com.android.tools.build:gradle:8.5.0' // 8.5로 올리니 에러가 발생 classpath 'com.google.. 공감수 0 댓글수 0 2024. 7. 10.
  • Flutter + Kotlin - 다른 앱의 알림 받기 ( NotificationListenerService ) Flutter로 앱을 개발 중 Ble기기에 AOS로 오는 앱의 알림을 전달 해주는 기능이 필요해졌다.AOS 기기에서 나의 앱에서 다른 앱들의 알림 읽어오는 방법 받는 방식은 간단하게 아래 처럼 진행된다.NotificationListenerService 객체 및 Listener 생성 -> Listener로 MainActivity에 전달 -> Flutter에 전달1. 권한 추가  2. MainActivity알림을 받기 위해 권한을 확인 및 받는 부분, 데이터를 MainActivity에서 Listen하는 부분이 있다.class MainActivity : FlutterActivity(),AppNotificationListener{ lateinit var method.. 공감수 0 댓글수 0 2024. 7. 8.
  • Flutter - 사용자 설정 폰트 크기 무시하기 사용자가 OS에서 개인적으로 설정한 크기로 인해 UI가 깨지는 현상이 발생했고, 모든 Text의 크기를 앱에서 제공하는 크기로 설정하는 크기로 제공 해야했다. 모두 TextScale 의 크기를 1로 통일return MaterialApp( builder: (context, child) { return MediaQuery( data: MediaQuery.of(context).copyWith(textScaleFactor: 1), child: child!); }, 공감수 0 댓글수 0 2024. 7. 8.
  • Error when executing : dart pub global activate flutterfire_cli IOS Build 도중에 나온 에러이다.아래 화면 처럼 에러를 던지는데 Xcode로 build할땐 도대체 무슨 말이지 하다가..조금의 삽질 이후 정확한 에러를 찾았다. 화면에 보이는 것 처럼 "dart pub global activate flutterfire_cli를 터미널에 입력 해주면 된다. 만약 FVM을 사용중이라면 앞에 fvm dart ~~해주어야한다. 공감수 0 댓글수 0 2024. 6. 26.
  • Flutter The following assertion was thrown building Builder: dependOnInheritedWidgetOfExactType<_LocalizationsScope>() or dependOnInheritedElement() was called before _Home.initState() completed. Flutter 에서 개발 하던 도중 아래 에러 발생.The following assertion was thrown building Builder: dependOnInheritedWidgetOfExactType()or dependOnInheritedElement() was called before _Home.initState() completed. 원인 간략하게만 살펴보면 다음과 같다.home의 initState가 끝나기도 전에 context를 사용 하려고 해서 그렇다 HomeScreen에서 최초 한번만 실행 하는 dialog가 필요 했는데, 이 부분을 아무 생각 없이 initState()함수에 넣었다.Dialog에는 파라미터로 context가 필요했고, 그래서 에러가 발생했다. 해결 방안initState.. 공감수 0 댓글수 0 2024. 6. 24.
  • Flutter - 페이지 이동 시 특정 위젯으로 자동 스크롤하기 페이지, 탭 이동 시 내가 원하는 위젯으로 자동으로 스크롤 되는 기능 동작 방식 : 1. 탭 이동 시 scrollFromMyTap 이라는 값을 true로 변경2. 다른 페이지에서 build할 때 scrollFromMyTap를 확인3. true라면 scroll함수 실행 페이지 클릭 함수- 특정 페이지에서 이동시에만 스크롤을 하기 위해서 변수를 추가.- ViewModel : scrollToWidget/// View1에 대한 코드// ViewModel에 작성된 로직void scrollToWidget(bool isMyWidgetTap) { if (isMyWidgetTap) { scrollFromMyTap = true; } else { scrollFromMyTap = false; } notify.. 공감수 0 댓글수 0 2024. 6. 3.
  • Flutter - Flutter with Python (2) 파이썬 결과 값 View로 보여주기 이전 포스팅 : https://seong9566.tistory.com/378실행 되는 방식은 아래와 같다.1. 파이썬 결과 값을 저장할 폴더 및 파일 생성(create)2. Flutter ->파이썬 스크립트 호출3. 파이썬 스크립트 실행4. 파이썬에서 스크립트 실행 후 결과 값을 생성한 파일에 write5. Flutter에서 생성된 파일 read 위 방식으로 Flutter Python간 데이터를 주고 받았다.1. Flutter 코드   Future initPlatformState() async {    String? pyResult;// 결과 값 저장할 폴더 생성(create)    Directory tempDir =        await (await getTemporaryDirectory()).c.. 공감수 0 댓글수 5 2024. 5. 17.
  • Flutter - Flutter with Python (1) 서버에서 파이썬 결과값을 API호출해서 하는 것도 편한 방법이지만, 그럼 서버 개발자도 필요하다.Flutter에서 한번에 모두 처리 하는게 가능 한지 찾아 본 후 방법을 찾아서 실행 했다.파이썬 스크립트 파일을 Flutter에서 그냥 실행 하는 방법도 있음!대신 정말 실행 만 하기 때문에 변수를 전달 하지 못하는 단점도 있다.  MacOS 으로 실행( Windows도 동일한 방식 적용 가능)Flutter version : 3.22.0 (Dart의 버전이 3.15보다 높아야 실행이 가능하다) 역할Flutter- UI 역할, Python 스크립트를 실행 시킨 후 결과 값을 불러와서 Flutter View로 보여주는 역할 Python - Flutter의 어떤 트리거를 통해 실행 되어 결과 값을 Flutter로.. 공감수 0 댓글수 0 2024. 5. 17.
  • Flutter - flutter_foreground_task (1) Flutter앱에서 포그라운드 서비스로 어떤 주기적인 작업이 필요했고, 서비스가 실행중일 때 앱이 종료 되는 현상을 막을 필요가 있었다.https://pub.dev/packages/flutter_foreground_task 라이브러리가 그런 역할을 해준다. Foreground와 Main Thread 와 통신은 다음에서 https://seong9566.tistory.com/394Main 메모리와 Foreground에서 사용하는 메모리는 다르기 때문에 Main 메모리에서 사용한 데이터를 Foreground에서 사용하는 메모리로 전달하기 위해선 별도의 방식이 필요하다 isolate방식과 유사하다.전송 데이터는 기본 문자열(int,String,bool),컬렉션 (List,Set..) 등의 방식을 추천하고사용자가.. 공감수 0 댓글수 0 2024. 5. 14.
  • Flutter - Tooltip 위젯 message: 툴팁에 표시 될 문자 richMessage: 일반 richText와 동일 height : 툴팁의 높이 padding : 툴팁의 내부 패딩 margin : 툴팁의 외부 여백 preferBelow : false일 경우 아래, true일 경우 위로 배치 ( 기본값은 true이다 ) verticalOffset: 상하의 디테일한 위치 조정 값, preferBelow 만으로는 원하는 위치를 조정할 수 없기 때문에 Offset과 padding,margin 을 섞어서 사용한다. triggerMode : 툴팁을 어떤 이벤트에 띄울지 , 기본값은 longPress이다. - TooltipTriggerMode.manual : 툴팁에 마우스를 올렸을 경우 표시 - TooltipTriggerMode.tap : 툴.. 공감수 0 댓글수 0 2024. 4. 18.
  • Could not build the precompiled application for the device.Swift Compiler Error (Xcode): Compiling for iOS 11.0, but module 'Reachability' has a minimum deployment target of iOS 12.0: /Users/name/StudioProjects/medication_manage/build/ios/Debug-i.. Flutter에서 IOS 기기 빌드 하는데 아래 에러가 발생했다. Could not build the precompiled application for the device. Swift Compiler Error (Xcode): Compiling for iOS 11.0, but module 'Reachability' has a minimum deployment target of iOS 12.0: /Users/ihyeonseong/StudioProjects/medication_manage/build/ios/Debug-iphoneos/ReachabilitySwift/Reachability.framework/Modules/Reachability.swiftmodule/arm64-apple-ios.swiftmodu.. 공감수 0 댓글수 0 2024. 3. 28.
  • terminal 명령어 간단하게 만들기 (Mac 버전) alias는 간단하게 별명을 만든다고 생각하면 된다.맨날 flutter build ~~를 치기도 귀찮아서 fbar로 별명을 만들어서 앞으론 이제 fbar를 치기만 하면 명령어가 실행 되게 해주었다. 1. command + space로 finder를 켜준 후 terminal 열어주기2. vi로 zshrc 열기vi ~/.zshrc3. 아래에서 필요 명령줄 추가 ex) alias ~~4. source ~/.zshrc (입력하지 않으면 맥을 재부팅 해야 적용 됌) 내가 쓰는 명령어 정리- flutter release build alias fbar="flutter build apk --target-platform android-arm --split-per-abi --release" - flutter gen 패키지.. 공감수 0 댓글수 0 2024. 3. 27.
  • Flutter - velocity_x 패키지 Flutter의 라이브러리 중 코딩을 편하게 해주는 라이브러리가 있다. velocity_x 라는 라이브러리 이다. https://pub.dev/packages/velocity_x velocity_x | Flutter package A minimalist Flutter framework for rapidly building custom designs. pub.dev Container Velocity Container().box.color(Colors.red).size(20, 20).make(), 기존 Container Container( width: 20, height: 20, color: Colors.red, ) Padding Velocity Container( width: 20, height: 20, .. 공감수 0 댓글수 0 2024. 3. 18.
  • Flutter - AppIcon변경 (IOS,Android) 준비물 : 1024 x 1024 이미지 https://www.appicon.co/ 링크 접속 후 이미지를 드래그로 올리고 Generate클릭 다운 받은 파일아래 처럼 이미지들과 폴더가 생긴다. android : android icon Assets.xcassets : ios icon IOS App Icon 변경 Assets.xcassets -> AppIcon.appiconset 폴더 아래 파일들을 모두 복사 ios -> Runner -> Assets.xcassets -> AppIcon.appiconset 폴더 아래 붙여넣기 (처음 열게 되면 Flutter에서 기본 제공하는 icon들이 있다 삭제 후 내 파일들 붙여넣기) Xcode를 열어 Runner -> Assets -> AppIcon을 눌러 잘 입력되었.. 공감수 0 댓글수 0 2024. 3. 14.
  • Flutter - Ios App Name 국제화 하기 Flutter로 Android 앱 이름을 국제화 하는 방법 프로젝트 ios - Runner.xcworkspace폴더 open terminal 명령어로 입력 가능 현재 자신의 경로가 root프로젝트 일 경우 open ios/Runner.xcworkspace 왼쪽 Project의 Runner -> Localizations 클릭 Localizations에서 + 버튼 -> ko 선택 main 선택 후 finish 위 까지 완료되면 왼쪽 Runner -> Main 에 Main(Korean)이 생긴다. 오른쪽 아래 Localization -> Korean 체크 해제 -> Remove (main화면에 한국어 지원을 하지 않기 때문) Runner->"Localization"이라는 newGroup 생성 Localizat.. 공감수 0 댓글수 0 2024. 3. 14.
  • Flutter - Android App Name 국제화 하기 Flutter로 Android 앱 이름을 국제화 하는 방법프로젝트 -> android 폴더에서 AndroidManifest.xml파일 아래에서 label을 아래 처럼 수정"@string/app_name" //string폴더 아래의 app_name이라는 파일을 참조res -> values ->strings.xml 파일 생성 (s를 빼먹으면 안된다)작성위쪽에 Open editor이 보이게 되는데 클릭 ( 프로젝트 -> android를 열어야 보임! Flutter가 루트인 경로에서 열면 안보임! )지구본 + 모양 아이콘을 클릭하면 여러 언어들이 나온다, Ko를 먼저 클릭클릭 하게 되면 표 처럼 수정 할 수 있게 보이게 되는데 번역에 알맞게 수정 하면 된다.Default value(en) Shake Count .. 공감수 0 댓글수 0 2024. 3. 14.
  • Flutter - GO_Router https://dev-yongsu.tistory.com/17 공감수 0 댓글수 0 2024. 3. 7.
  • Flutter - 패스트캠퍼스 3일차 보호되어 있는 글입니다. 공감수 0 댓글수 0 2024. 3. 6.
  • Flutter - 패스트캠퍼스 2일차 노트 보호되어 있는 글입니다. 공감수 0 댓글수 0 2024. 3. 5.
  • Flutter - 패캠 수강 1일차 노트 보호되어 있는 글입니다. 공감수 0 댓글수 0 2024. 3. 4.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.