Nick Dev

[Flutter] 08. 다국어 지원 및 아이콘 변경하기 본문

Flutter

[Flutter] 08. 다국어 지원 및 아이콘 변경하기

Nick99 2023. 7. 28. 14:58
반응형

fastcampus의 [15개 프로젝트로 실무까지 끝내는 Dart & Flutter 앱 개발] 강의를

참고해 작성했습니다.


 

1. 다국어 지원하는 방법_어플 이름 설정하기

1
2
3, 4
5
6

  1. android → app → main 으로 가서  AndroidManifest.xml 파일 열기
  2. 우측 상단의 'Open for Editing in Android Studio' 클릭하면 새 윈도우 열림
  3. 3 번째 사진과 같이 원하는 String을 먼저 영문으로 설정   기본적으로 영어권 사람들에게 보여질 문자들
  4. 우측 상단의 Open editor를 클릭해 번역할 언어 설정
  5. 국가 표시에서 Korean을 찾은 후 빨간 네모 칸에 'Shake Count App'의 한글 번역을 적는다
  6. 저장 후 'values-ko-rKR' 디렉토리 밑에 strings.xml 파일과 태극기가 보이면 끝!
  7. 7번 사진의 우측 하단에 'Shake Count App' 으로 변경된 것으로 확인 

2. 앱의 아이콘 추가하는 법

  1.  'https://www.appicon.co/'에 접속
  2. 원하는 사진 업로드 (해당 사진을 앱 용 아이콘으로 변경해줌)  → 'Generate' 누름 
  3. .zip 파일 풀기
  4. ios의 경우
    1. 압축 해제 후 'Assets.xcassets' 폴더 → 'AppIcon.appiconset' 폴더 모든 이미지와 .json 파일을 복사(ctrl + c)
    2. android studio로 가서 'ios' → 'Runner' →  'Assets.xcassets' → 'AppIcon.appiconset' 으로 가서 기존에 있던 이미지와 .json파일 지우고 복사한 것들 붙여넣기

이 이미지와 json 파일 모두 복사
ios_이 경로에 넣기

 

 

 5. android의 경우

        1. 압축 푼 폴더에서 'android' 폴더 안에 있는 모든 폴더 복사

        2. android studio로 돌아가 사진과 같이 경로를 타고 들어가 복사한 것과 동일한 폴더 삭제하고 붙여넣기

android
android

반응형