[TIL] Flutter Study 3 : January 12, 2021

RE_BROTHER·2021년 1월 12일

TIL

목록 보기

31/41

Flutter App launcher icon

1. Library

기본적으로 Flutter 개발 중 아이콘 변경을 진행은 가능하지만 그 과정이 어느정도의 귀찮음을 동반하기 때문에 외부 라이브러리를 활용하여 간편하게 App Launcher Icon 변경하는 방법에 대해 작성해볼까 한다.

flutter_launcher_icons

flutter_launcher_icons : 기존에 다소 복잡했던 아이콘 변경의 과정을 커맨드 라인으로 간편하게 아이콘 변경이 가능한 라이브러리. 아이콘 롤백이 필요한 경우 이전 런처 아이콘을 유지할 수있는 옵션 존재.
작성일 기준 2020년 8월에 발표된 flutter_launcher_icons 0.8.1이 LTS 버전이다.

라이브러리 설치는 pubspec.yaml 하위에 있는 dev_dependencies에 아래와 같이 추가하면 된다.

dev_dependencies:
        ...
        ...
        ...
	flutter_launcher_icons: ^0.8.1

외부 라이브러리 설치에 대한 설명은 아래 링크
https://velog.io/@re_brother/TIL-Flutter-Study-2-December-23-2020
4. Client-Server Test using Node.js - Export Module 항목에 작성되어있다.

2. Configure

icon

아이콘은 1024px * 1024px, Alpha(투명) 값이 없어야 한다.
해당 아이콘을 ./assets/ 디렉터리에 추가하고, pubspec.yaml > assets에 path를 추가한다.

flutter_launcher_icons.yaml

pubspec.yaml과 동일한 디렉터리에 flutter_launcher_icons.yaml파일을 생성한 뒤 아래와 같이 작성한다.

flutter_icons:
  android: "launcher_icon"
  ios: true
  image_path: "assets/icon.png"

image_path는 실제 아이콘으로 사용할 이미지의 path를 입력한다.

3. Command run

터미널에 flutter pub run flutter_launcher_icons:main 입력 후 run

위와 같은 콘솔이 출력되었다면 정상적으로 아이콘이 변경된 것을 확인할 수 있다.

Gradle threw an error while downloading artifacts from the network

Flutter App 테스트를 진행하던 중 [!] Gradle threw an error while downloading artifacts from the network 에러가 발생했다. 딱히 작업 중에 다른 파일을 수정했던건 없었는데 무슨 이유인지 앱 빌드가 되지 않아 나중을 위해 해결 방법을 작성해놓을까 한다.

gradle-wrapper.jar

> .\flutter_app\android\gradle 위치에 있는 gradle-wrapper.jar파일 삭제

gradle-wrapper.properties

gradle-wrapper.jar와 동일 디렉터리에 있는 gradle-wrapper.properties 파일 Open

#Fri Jun 23 08:50:38 CEST 2017
distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists
distributionUrl=https://services.gradle.org/distributions/gradle-5.6.2-all.zip```

gradle-wrapper.properties 파일 하단에 존재하는 distributionUrl=https://.../gradle-5.6.2-all.zip을 https://.../gradle-6.4.1-all.zip으로 변경한 뒤에 터미널에 flutter run 입력 후 정상적으로 컴파일이 진행되는지 확인한다.