app intro lottie expo

ExpoとLottieのアプリイントロ

概要

このアプリで使用されるテクノロジーは次のとおりです。

• フロントエンド：博覧会。

• ナビゲーションは次のように行われます：React-Navigation。

• レイアウト：スタイルコンポーネント。

• アニメーション：ロッティ。

前提条件

• npmのノードJS

• 博覧会CLI

  • 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. メトロバンドラーを起動します。

 yarn start

これにより、ブラウザでMetro Bundlerが開始されます。

4. マシン上のシミュレーターをランキュ

XcodeまたはAndroidエミュレーターがインストールされている場合は、次のコマンドのいずれかを使用してシミュレーターを起動できます。

 yarn ios

# or

yarn android

マシンにシミュレーターがインストールされていない場合は、ステップ5にスキップします。

5. デバイスでアプリをテストします。

• 携帯電話にExpoクライアントアプリをインストールする必要があります。ドキュメントのセクション2のリンク。

• Expoが提供するQRコードをスキャンします。 Metro Bundlerブラウザページの左下隅にあります。

ステップバイステップのチュートリアル

• このアプリの構築プロセスをこちらで詳しく説明する一連の記事をご覧ください。