-
[React-Native] Android Studio AVD 스킨 추가하기React-Native 2024. 4. 23. 08:00728x90반응형
안드로이드 스튜디오에 픽셀폰 에뮬레이터도 있지만 이왕이면 사람들이 많이 사용하거나 혹은 최신 기종을 사용해서 작업하면 어떨까해서 적용해보기로 했다
1. samsung developers 접속
https://developer.samsung.com/galaxy-emulator-skin/guide.html
Using a Galaxy Emulator Skin | Samsung Developer
The world runs on you.
developer.samsung.com
로그인을 해야 스킨을 받을 수 있기 때문에 로그인을 한 후, 원하는 기종이 속하는 시리즈 명을 누르면 됨
누르면 아래와 같이 간략하게 각 기기별 디스플레이와 해상도가 나와있다
2. 특정 경로에 스킨 파일 넣기
스킨을 다운로드 받은 후에는 압축을 풀어준다
그 후 다음과 같은 경로에 압축해제한 파일을 넣어주면 된다
윈도우
C:\Program Files\Android\plugins\android\resources\device-art-resources
맥
/Users/**이름**/Library/Android/sdk/Skins자신의 운영체제에 맞는 경로로 가서 압축해제한 파일을 넣어주면 된다
맥의 경우에는 Library 폴더가 숨김처리 되어있어서 걍 파인더로 경로를 찾아서 옮겨주었다
파인더에서 command + shift + g 를 누르면 경로를 작성할 수 있는데
아까 위의 경로를 적어주면 된다
3. AVD 적용하기
파일까지 잘 옮겨놓았으면 적용만 하면 된다
안드로이드 스튜디오를 실행하고 more actions -> virtual device manager -> create virtual device를 눌러준다
왼쪽 하단 근처에 있는 new hardware profile을 눌러주면 아래와 같은 화면이 나온다
screen에서 screen size는 아까 스킨을 다운받을 때 보였던 display 값을 사용하였다
resolution도 samsung developer에서 제공해준 값을 사용했다
메모리의 경우도 마찬가지...
나의 경우에는 갤럭시24 스킨을 적용할 것이기 때문에 screen size는 6.1inch, resolution은 1080 * 2043, 메모리는 8GB로 해주었다(삼성 공홈에서 해당 기기의 스펙을 쉽게 확인할 수 있다!)
이렇게 설정해주고 스크롤을 내리면 드디어 스킨을 적용할 수 있다
파일 아이콘 말고 그 옆의 ∨를 누르면 앞에서 우리가 옮겨놓은 스킨이 항목에 보인다
만약 안 보인다면? 맞는 경로에 압축해제한 파일을 옮겼는지 확인하자
반응형'React-Native' 카테고리의 다른 글
[React-Native] 폰트 적용하기 (0) 2024.04.26 [error] trailing spaces not allowed.eslintno-trailing-spaces, Delete `⏎`eslintprettier/prettier (0) 2024.04.25 [React-Native] 셋팅(Mac, android) (0) 2024.04.24 [React-Native] React-Native CLI로 프로젝트 시작, 셋팅(Mac,IOS) (0) 2024.04.24 [React-Native] 기본 셋팅 (0) 2024.04.15