[React-Native] lottie ios 이슈 해결 / Json파일 -> url로 변환하는 방법

DaYoung·2024년 6월 5일

React-Native

목록 보기
31/35

Json 파일을 홈 화면에 넣으려고 lottie를 사용했는데 ios에서 안된다...!!!
아무리 구글링을 하면서 여러가지 방법을 시도해봤지만 안된다🥲
그러다가 url로 가능하다고해서 해봤는데 되네?

일단, android와 ios에 json파일을 넣어서 테스트해보자!!


https://lottie.host/c404786e-2d84-4239-a092-5fa55366d5a7/DRPRrsgJH4.json

   <LottieView
      source={{ uri: "https://lottie.host/c404786e-2d84-4239-a092-5fa55366d5a7/DRPRrsgJH4.json" }}
      style={{ width: '100%', height: '100%' }}
      speed={1}
      autoPlay={true}
      loop={true}
    />

그다음 실제로 사용 할 Json 파일을 url로 변환해보자!!!
gitHub를 이용해서 변환하였다.



1. gitHub에 JSON 파일 업로드


2. GitHub Pages 설정

"Settings" 탭 클릭 -> 왼쪽 사이드바 "Pages" ->
"Source" 섹션에서 "Branch: main" (또는 JSON 파일이 있는 브랜치)를 선택하고, "root"를 선택 ->
"Save" 버튼을 클릭

3. URL 확인

설정이 완료되면 페이지 상단에 "Your site is ready to be published at https://username.github.io/repository/"라는 메시지가 표시된다.
https://username.github.io/repository/filename.json 형식의 URL에서 JSON 파일에 접근할 수 있다.

profile
안녕하세요. 프론트앤드 개발자 홍다영입니다.

0개의 댓글