BottomNavigationBar 배경색 변경 기본적으로 플러터 bottomNavigationBar에는 backgroundColor 옵션이 있기 때문에 해당 속성으로 배경색을 변경할 수 있다. 위 그림과 같이 backgroundColor를 white로 지정하면 bottomNavigationBar 배경색이 흰색이 된다. backgroundColor 옵션으로 배경색이 변경되지 않는 경우 backgroundColor옵션으로 배경색이 변경되지 않는 경우에는 type옵션이 BottomNavigationBarType.shifting으로 되어있는지 확인한다. 만약 type이 shifting이면 배경색이 변경되지 않는다. fixed를 사용해야한다.
일반 폰트와 고정폭 폰트 일반 폰트 일반폰트에서는 각 문자가 모드 다른 폭(Width)를 가진다. 위 그림과 같이 숫자 1의 폭이 숫자 2의 폭에 비해 절반도 되지 않는것을 볼 수 있다. 그래서 아래와 같은 문제가 발생할 수 있다. 글자의 폭이 다 다르기 때문에 시계와 같이 빠르게 변하는 글자들은 폭이 계속 달라지는게 눈에 보인다. 눈 아파요. 고정폭 폰트(Monospace … Read more
Using the Impeller rendering backend 오류 플러터로 개발 중이며 안드로이드 에뮬레이터에서는 정상 실행되던 소스코드가 IOS 시뮬레이터에서 실행하자 발생한 오류다. 이 오류를 만나면 앱이 실행도 못하고 종료된다. [VERBOSE-2:FlutterDarwinContextMetalImpeller.mm(37)] Using the Impeller rendering backend. 오류 원인 원인은 애드몹이다. 안드로이드를 개발하면서 애드몹 관련 코드들이 들어간 상태에서, info.plist에 애드몹 앱 ID를 추가하지 않으면 발생한다. info.plist에 애드몹 ID 추가 아래 … Read more
didChangeDependencies() didChangeDependencies는 플러터의 생명주기와 관련된 함수 중 하나로, initState와 마찬가지로 위젯을 생성할 때 호출하지만 initState와 다르게 의존성이 있는 위젯이 변경될 때마다 호출된다..고 한다. 플러터 State를 잘 몰라서 자세한것 까진 모르겠다. Admob의 적응형 배너에 사용되는 didChangeDependencies 평생 몰랐을거같은 didChangeDependencies()가 애드몹 적응형 배너의 예시코드에 있어서 사용이 필요했다. https://developers.google.com/admob/flutter/banner/anchored-adaptive?hl=ko _loadAd() 메서드를 initState에 넣지 않고 didChangeDependencies에서 호출한 이유는 다른배너와 … Read more
애드몹 Test Ad 구글 애드몹을 이용하면 광고를 꼭 테스트광고로 적용해야한다. 테스트 광고로 적용하지 않으면 구글로부터 게제제한을 받을 수 있다. 테스트광고는 광고의 어디엔가 Test Ad라는 문구가 출력된다. 테스트광고를 적용하는 방법은 구글에서 제공하는 테스트ID를 이용하거나 현재 디바이스를 애드몹에 테스트디바이스로 등록하는 방법이 있다. 그런데 사실 제일 간단한건 에뮬레이터 혹은 시뮬레이터를 이용하는것이다. 구글이 말하건데 에뮬레이터는 자동으로 테스트광고가 송출된다 https://developers.google.com/admob/android/test-ads?hl=ko … Read more
플러터 맥 환경변수 설정 아래 플러터 공식문서의 Update your path 항목을 기반으로 작성한 글이다. Update your path는 재부팅해도 환경변수가 등록되도록 영구적으로 설정하는 방법이다. 참고 플러터 공식문서 https://docs.flutter.dev/get-started/install/macos#update-your-path
오류내용 플러터 프로젝트 빌드 중 Installing build\app\outputs\flutter-apk\app-debug.apk…에서 더이상 진행하지 않고 stuck 되는 문제가 발생했다 오류 원인 구글 애드몹을 사용하기 위해서 pubspec.yaml 파일에 google_mobile_ads: ^3.0.0을 추가했는데, 안드로이드 매니페스트에 애드몹 펍코드를 추가하지 않아서 발생한 문제였다. AndroidManifest.xml에 아래와 같이 펍코드를 추가하면 된다. 참고 플러터 애드몹 추가 방법 https://codelabs.developers.google.com/codelabs/admob-ads-in-flutter?hl=ko#3
플러터 무선 디버깅 안드로이드와 마찬가지로 플러터도 안드로이드 스튜디오에서 폰과 와이파이로 연결하여 실시간 디버깅을 수행할 수 있다. 안드로이드 스튜디오에서 QR코드 페어링 준비 이것때문에 이 글을 쓰고있다. 안드로이드는 아래 그림과 같이 디바이스 목록을 선택하면 QR코드 Pair 버튼이 있었는데, 플러터라서 그런지 어째서인지 보이지 않아서 한참을 뒤졌다. QR코드 페어링 버튼은 안드로이드 스튜디오 오른쪽 상단의 Device Manager 아이콘(혹은 메뉴의 Tools … Read more