app intro lottie expo

엑스포 및 로티를 사용한 앱 소개

개요

이 앱에 사용 된 기술은 다음과 같습니다.

• 프론트 엔드 : 엑스포.

• 내비게이션은 다음과 같이 수행됩니다 : React-Navigation.

• 레이아웃 : 스타일의 구성 요소.

• 애니메이션 : 로티.

전제 조건

• NPM이있는 노드 JS

• 엑스포 클리

  • npm install -g expo-cli

프로젝트를 실행하십시오

1. 이 저장소를 로컬 컴퓨터에 복제하십시오.

 git clone https://github.com/yhenni1989/app-intro-lottie-expo.git

cd app-intro-lottie-expo

2. 클라이언트 종속성을 설치합니다.

 yarn

# or

npm install

3. Metro Bundler를 시작하십시오.

 yarn start

이렇게하면 브라우저에서 메트로 번더가 시작됩니다.

4. 기계의 시뮬레이터를 lanuch

Xcode 또는 Android 에뮬레이터가 설치된 경우 다음 명령 중 하나를 사용하여 시뮬레이터를 시작할 수 있습니다.

 yarn ios

# or

yarn android

컴퓨터에 시뮬레이터가 설치되어 있지 않으면 5 단계로 건너 뜁니다.

5. 장치에서 앱을 테스트하십시오.

• 휴대 전화에 엑스포 클라이언트 앱을 설치해야합니다. 문서 2 절의 링크.

• Expo가 제공 한 QR 코드를 스캔하십시오. Metro Bundler 브라우저 페이지의 왼쪽 하단 모서리에 있습니다.

단계별 튜토리얼

• 이 앱의 건축 과정을 자세히 설명하는 전체 기사를 읽으십시오.