[Flutter] Flutter Web - Github Page를 통해 플러터 웹 호스팅
Flutter web 프로젝트 생성 Input flutter config Output Configure Flutter settings. To remove a setting, configure it to an empty string. The Flutter tool anonymously reports feature usage statistics..
dajoonee.tistory.com
이전 글에서 보면 알겠지만, Flutter web 프로젝트를 Github 페이지에 올렸을 때,
아이콘 모양이 네모 모양으로 나타나는 현상이 있었다. 폰트 또한 적용되지 않았다.
여기저기 뒤적거리며 여러 방법을 적용해보았는데...
원래 사용했던 icon은 font awasome icon이었지만 icon이 제대로 나타나지 않는 이슈에 대한 글들에서
material icon을 사용하고 있었고, 예제도 material icon에 맞춰져 있었기 때문에(그냥 전부 다 그랬음)
확실히 문제를 해결할 수 있나 확인하는 차원으로 material icon으로 바꿔서 진행해보았지만
결론은 못 찾았음. 솔직히 방법은 당연히 있겠는데(svg 파일 쓴다던지..)
패키지를 설치하고 UI 작업해가면서 동시에 아이콘을 골라 맘대로 넣을 수 있었던 편리함에서 벗어나기 싫은 나머지
기존 방법 그대로 icon을 추가할 수 있는 방법을 찾고 싶었다.
결국은 포기하기로 하고 번거롭지만 적용이 된다는 다른 방법에 대한 링크를 남겨놓으려고 포스팅을 쓴다.
여기저기 뒤적거리며 이 방법, 저 방법 다 해봤던지라 지쳐서 링크만 우선 남기고 다시 정리하려고 함.
※ 시도해보았던 방법들 모음집 ※
stackoverflow.com/questions/56067767/flutter-web-not-displaying-material-design-icons
파일 등록, 링크 등록 둘 다해봄. 아이콘이 나타나긴 함. 문제는 내가 지정한 아이콘이 아닌 다른 아이콘이 나타남 ㅋ
github.com/flutter/flutter/issues/32540#issuecomment-707900491
그럼 폰트는 어떡하구요? ㅠㅠ 해당 글은 아이콘이냐, 폰트냐 하나만 선택하라는 문제인 거 같아 시도 안 해봄
github.com/flutter/flutter/issues/32540#issuecomment-733580078
무척 공감돼서 그냥 가져와봄 어차피 지금 폰트 적용도 안되긴 하는데...
그 외.
깃허브 페이지에 올리기 위해 flutter의 버전도 문제없었음.
flutter build web --release --dart-define=FLUTTER_WEB_USE_SKIA=true
혹시나 해서 위 명령어도 입력해봤지만 It didn't work for me!
ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
플러터로 웹은 무리인가..?
※ 시도해봐야 할 방법들 ※
FontManifest.json 파일에 오타가 있었나 보다...ㅋㅋㅋㅋ
위의 이슈와 여러 이슈들에서 이미 flutter 엔진에 업데이트가 되었고 이상이 없이 진행된다는 글을 접한 뒤,
그럼 왜 나는 안되는 걸까..? 한참 고민하다가 flutter-web 샘플로 테스트를 해보았더니
오마갓, 아이콘이며 폰트며 다 정상출력되더랍 힣ㅎㅎㅎㅎㅎㅎ
그리고 해당 FontMainfest.json 파일 그대로 긁어서 내 프로젝트에 적용한 뒤 재 빌드 후 배포 버전으로 돌렸더니
내가 무지했던 걸로!
'코딩 이야기 > Flutter' 카테고리의 다른 글
| [Flutter] Flutter Web - Github Page를 통해 플러터 웹 호스팅 (1) | 2021.01.16 |
|---|---|
| [flutter] 화면 이동 구현 - Navigator (0) | 2020.12.07 |
| flutter ThemeData - 앱의 테마를 지정해보자. (1) | 2020.12.04 |
| 웹에서 flutter 프로젝트 - flutter 온라인 IDE 추천 [flutLab] (1) | 2020.12.01 |