Developer Brain

flutter 만깔고 터미널에 adb명령어를 치면 adb command not found 이라고 뜬다면

finder- 자기계정폴더 - command+ shift + . 을 눌러서 숨겨진 폴더보기 활성화 후 

zprofile을 찾아서 연 후 

export PATH=~/Library/Android/sdk/tools:$PATH
export PATH=~/Library/Android/sdk/platform-tools:$PATH

값을 넣고 저장 

source ~/.zprofile

입력하면 adb 명령어가 발동

참고:https://stackoverflow.com/questions/10303639/adb-command-not-found

일단 Scaffold에 appbar를 사용안한다면  AnnotatedRegion설정으로 해결

AnnotatedRegion(
  // status icon and text color, dark:black  light:white
  value: SystemUiOverlayStyle.dark,
  child: Scaffold(
     // statusbar color
     backgroundColor: Colors.white,
     body : SafeArea(****)
  )
}

AppBar를 사용한다면 

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        systemOverlayStyle: SystemUiOverlayStyle.dark, # or light
        backgroundColor: Colors.red, # status bar color
      ),
    );
  }

참고:https://stackoverflow.com/questions/50501799/flutter-how-to-set-status-bar-color-when-appbar-not-present,https://stackoverflow.com/questions/55209774/flutter-change-status-bar-brightness-to-dark

ios에서만 statusbar가 안보인다면  ios-Runner-info.plist에 들어가서 

<key>UIViewControllerBasedStatusBarAppearance</key>
<false/> 이부분을 true로 바꿔준다 

1. console.cloud.google.com에 들어가서 프로젝트를 하나 만들어줍니다.

2.api 및 서비스 - 라이브러리에 들어가서 maps 검색후 Maps SDK for iOS,Maps SDK for Android 눌러서 활성화 합니다 

3.api 및 서비스 들어가서 사용자 인증정보 클릭 후 -사용자 인증정보 만들기 - api키 클릭 

사용자 인증정보 만들기 -> api키 선택

4.android설정 

패키지이름 위치

다음과 같이 터미널을 연 후 

아래 터미널에 gradlew signingReport 입력 후 엔터 치고 debug release 등 많은데 선택해서 sha1 복사 후 홈페이지에 입력 

안되면 ./gradlew signingReport

5.ios 설정

3번으로 다시 인증서 정보 만들기 후 ios,번들 설정 후 만들기

6.flutter 앱 설정 

https://pub.dev/packages/google_maps_flutter

android

application안에 어느위치든 넣어준다value는 아까 만든 google map aos key를 넣어준다

ios

Runner - AppDelegate 안에 값을 넣는다 

code

_googleMap() {
  final CameraPosition _kGooglePlex = CameraPosition(
    target: LatLng(37.42796133580664, -122.085749655962),
    zoom: 14.4746,
  );
  return AspectRatio(
      aspectRatio: 2 / 1,
      child: GoogleMap(initialCameraPosition: _kGooglePlex));
}

잘나옴

1.cli 설치

curl -sL https://firebase.tools | bash

mac 터미널에서 실행

2.터미널에서 firebase login 실행 하여 로긴

3.터미널에서 dart pub global activate flutterfire_cli 실행

4. 내가 만든 플러터프로젝트의 터미널에서 flutterfire configure --project=프로젝트이름 실행

(zsh: command not found: flutterfire 에러날거임  https://thomass.tistory.com/78 참고)

프로젝트많다고 안되면 flutterfire configure 만 실행 후 만든프로젝트 고르면된다

5. 프로젝트내의 터미널에서 flutter pub add firebase_core 실행 라이브러리 설치인데(pubspec.yaml에서 직접넣어도된다 )

직접넣으면  DefaultFirebaseOptions부분이 임폴트가 안될텐데 그땐 다시 flutterfire configure 하면 된다

import 'package:firebase_core/firebase_core.dart';
import 'firebase_options.dart';


await Firebase.initializeApp(
  options: DefaultFirebaseOptions.currentPlatform,
);

firebase 설치도중 

flutterfire configure --project=프로젝트이름 칠때 

zsh: command not found: flutterfire 이렇게뜨거나

or 

firebase export PATH="$PATH":"$HOME/.pub-cache/bin 이 에러가 뜬다면 

방법1

touch ~/.zshrc
open ~/.zshrc

하면 창하나 열리는데 export PATH="$PATH":"$HOME/.pub-cache/bin" 복붙 저장하면 끝

방법2

echo 'export PATH="$PATH:/Users/minhyun/flutter/bin"​' >> ~/.zshrc
source ~/.zshrc

방법3

1.mac 터미널에 vim ~/.zshrc  (finder에 왼쪽 본인이름폴더 누른 후 command+shif+. 누르면 숨긴파일보이는데 그곳에 .zshrc있음)

2.i 엔터  (수정모드)

3.에러에뜬 export PATH="$PATH":"$HOME/.pub-cache/bin" 입력 후 esc

4. :wq! 입력 후 엔터  source ~/.zshrc 하면 업데이트내용 적용

나는 3번쯤에서 꼬여서 

1번의 파일경로로 가서 직접 열어서 직접추가하고 수정하고 스튜디오 재부팅하니 잘된다 

완료되면 터미널을 껏다가 켜야 작동함

참고:https://stackoverflow.com/questions/71487625/how-can-i-resolve-zsh-command-not-found-flutterfire-in-macos

The run destination iPhone is not valid for Running the scheme 'Runner'.

Xcode doesn’t support iPhone’s

이에러가 떴다면 

에러 옆에 뜬 IOS 버전을 아래 깃에서 찾은 후 다운받는다 ex)16

https://github.com/iGhibli/iOS-DeviceSupport/tree/master/DeviceSupport

finder-응용프로그램-xcode 오른쪽 - 패키지내용보기 /Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport

여기에 16만 없다

다운받은 압축파일을 여기안에 넣으면 끝 

브라우저 탭에 작게있는 아이콘 변경하기

https://favicon.io/favicon-converter/

들어가서 원하는 이미지를 converter 하여서 다운받는다 

압축된 파일을 받아서 풀고 favicon.ico 파일을 플러터 web 폴더 안에 넣는다 favicon.png는 지워준다 

title위쪽에 favicon 부분을 복사하여 붙여넣는다 

web - index.html 안에 아래 코드를 넣는다 

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">

ex)

  <!-- iOS meta tags & icons -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="resume_web">
  <link rel="apple-touch-icon" href="icons/Icon-192.png">

  <!--Favicon-->
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <link rel="icon" href="favicon.ico" type="image/x-icon">

  <title>resume_web</title>

끝

디자이너나 인터넷상에 있는 svg를 받아서 flutter에 넣었는데 아무것도 안뜰시 or 너무 코드가 길때 

https://iconly.io/tools/svg-cleaner

사이트에 svg파일올리면 알아서 정리해준다 

or

svgcleaner를 사용하자

https://github.com/RazrFalcon/svgcleaner-gui/releases

들어가서 버전에 맞는것 다운로드 후 

파일or폴더 불러와서 

경로 지정 후 실행버튼 누르면 끝 

참고:https://stackoverflow.com/questions/58567864/im-trying-use-flutter-svg-but-load-with-black-svg

flutter 작업시 Flutter/Flutter.h 가 없다면서 에러가 뜰때가 있다 

(ios-Runner-Info.plist안의 파일을 xcode 외에서 잘못 수정시 h찾을수없다고 나옴) 설정이 망가진듯 

이럴때 

flutter 터미널에서 cd ios  

pod deintegrate

rm Flutter/Flutter.podspec (파일지움)

rm podfile.lock (파일지움)

flutter clean

flutter run 

등등 의 해결책들이 안먹힐때 

마지막으로 

flutter 프로젝트의 파일안에 ios-Runner 폴더을 다른곳에 저장해놓고 

ios 폴더 삭제 

그리고 프로젝트 안에서 터미널로 (flutter create .) 아니면 (flutter create -i swift .) 하면 ios가 생긴다 (안생긴다면 ios빈 폴더 만들것 , . 필수 )

다시 생기면 runner 폴더를 새로생긴 ios폴더 안에 집어넣는다 

xcode로 실행 후 runner의 bundle id ,version 체크 

firebase의 service-Info.plist도 새로받아서 넣어줘야 한단다 

flutter run 하면 끝 

안되면 

cd ios 

pod install 후 

실행 

참고:

https://stackoverflow.com/questions/64973346/error-flutter-flutter-h-file-not-found-when-flutter-run-on-ios

mac에서 터미널을 켠 후 

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch

각각 실행 후 

flutter doctor 실행하면 인식된다!

혹시 안된다면 핸드폰 재부팅하면 된다

인식은되는데

no devices found with name or id matching 에러가 뜬다면

flutter doctor -v  실행

Errors were encountered while preparing your device for development. Please check the Devices and Simulators Window.

위같은 에러가 뜬다면 핸드폰 재부팅하면 잘된다 

추가:

빈번하게 연결잘하고쓰다가 갑자기 안되고 하는데

xcode를 켜놓고 빌드,

선을 다시 꼽아서 빼보고 빌드 ,

앱을 지웠다가 다시 빌드,

안되면 폰을 재부팅,

하면 왠만하면 해결

참고:https://stackoverflow.com/questions/64303314/flutter-ios-cant-detect-connected-ios-simulator