본문 바로가기

[Mobile]/[Flutter]

(86)
[Flutter] Chatting 모듈 정리 사용 의존성 firebase_core: ^2.16.0 cloud_firestore: ^4.9.2 chat_bubbles: ^1.5.0 flutter_chat_bubble: ^2.0.2 chat-list import 'package:get/get.dart'; import 'package:goodshot/global-provider.dart'; import 'package:goodshot/view/chat/screen/chat-list-widget.dart'; import 'package:goodshot/view/group/dto/MyGroupItem.dart'; import 'package:flutter/material.dart'; import 'package:goodshot/view/group/popup..
[Flutter] IOS관련 리빌드 플러터 진행하다보면 IOS관련 빌드가 캐싱되어 완전 초기화가 필요하다. 해당과 같을 때 아래와 같이 초기화를 해서 빌드를 해보자 해당 이슈로도 잡히지 않는 오류가 있다면 소스단을 조치해야한다. 버전을 수정하거나 1. 아래 명령어들을 조합해서 캐시를 클린해주거나, 초기화 후 재 빌드 해줄 수 있다. rm -rf ios flutter create . flutter upgrade pod update pod install pod init && pod install sudo gem install cocoapods pod cache clean --all arch -x86_64 pod install --repo-update --clean-install flutter run --verbose 대부분 아래의 순서로 하면..
[Flutter] FireStore를 활용해 채팅 모듈 구현 [1] [프로젝트 세팅 ] 초기 프로젝트와 파이어 베이스(파이어스토어) 연동 커맨드는 아래 사이트 참고 https://firebase.google.com/docs/flutter/setup?hl=ko&platform=ios Flutter 앱에 Firebase 추가 의견 보내기 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. Flutter 앱에 Firebase 추가 plat_ios plat_android plat_web iOS+ Android 웹 기본 요건 아직 Flutter 앱이 없다면 firebase.google.com 아래 명령어를 순차 실행 firebase login dart pub global activate flutterfire_cli flutterfire configure..
[Flutter] 오류 조치 사항 Pod install 후에 아래의 경고 메시지가 뜨는 경우가 있다. [!] CocoaPods did not set the base configuration of your project because your project already has a custom config set. In order for CocoaPods integration to work at all, please either set the base configurations of the target `Runner` to `Target Support Files/Pods-Runner/Pods-Runner.profile.xcconfig` or include the `Target Support Files/Pods-Runner/Pods-Runn..
[Flutter] TableCalendar EventHandler 플러터에서 달력에 대한 오픈소스를 사용하면서 이벤트 관련 내용을 개발했다. 개발 기능은 아래와 같다. 1. 일정 내용을 로드 2. 달력 컴포넌트에 일정을 표시 3. 일정을 클릭시 해당 일정에 대한 상세 내용 확인 4. 해당 상세 내용 클릭시, 팝업으로 그룹에 내용 표기 무튼 소스 내용은 아래와 같다. 1. 화면소스 import 'dart:collection'; import 'package:flutter/material.dart'; import 'package:flutter_naver_map/flutter_naver_map.dart'; import 'package:get/get.dart'; import 'package:goodshot/global-provider.dart'; import 'package:g..
[Flutter] Naver 지도 api Naver 가게 정보 api를 사용하다보면, 위치경도의 정보까지 한번에 받을 수 있다. 이는 네이버 지도에서 사용가능한데, 이에 연동해보자 https://www.ncloud.com/product/applicationService/maps NAVER CLOUD PLATFORM cloud computing services for corporations, IaaS, PaaS, SaaS, with Global region and Security Technology Certification www.ncloud.com 우선 API를 신청해야한다. 지도 API 를 신청하면 당연하게 어플리케이션 정보를 입력해야한다. 입력할거 입력하면, 해당과 같이 정보가 노출이 된다. 이제 플러터에서 해당 앱과 연동해보자 https:..
[Flutter] Boiler Template 적용시 1. 패키지명 일괄 변경 필요 package: -> pagekage: 2. flutter sdk 설정 필요 3. flutter upgrade, flutter pub get 필요 4. Podfile 내 ios build target 11주석 해제 필요 5. Podfile 내 RunnerTest 삭제 필요 [계속 업데이트 예정 + 메모용]
[Flutter] Getx로 전역 Provider 설정 상태 변화나 다른 위젯간의 데이터를 전달할때 생성자로 매번 전달해줘야 할까...? 그건 아니다. 전역으로 Provider에 값을 넣고, 필요한 위젯에서 꺼내어 쓸수있다. 로컬 데이터베이스는 아니고. 앱이 시작할때 넣어놓고 변경 및 사용이 가능한 느낌이다. 대신 , 앱을 끄면 사라지는 데이터임은 명심해야한다. 로그인 사용자에 대한 정보, 인가가 끝난 userId에 대한 정보를 해당 Provider에서 관리를 해야겠다 어렵지 않다. https://pub.dev/packages/get get | Flutter Package Open screens/snackbars/dialogs without context, manage states and inject dependencies easily with GetX. p..