エキスポを持つネイティブプロジェクトの反応

2656 ワード
expo webdev reactnative react テキストリンク
反応するネイティブのために、node、Watchman、ネイティブのCLIとXcodeに反応する必要があります.
ノード:
JavaScriptパッケージマネージャー.警備員:
  • ファイルが変更されたときにファイルの変更を監視し、アクションをトリガーするサービス.
    • ネイティブのCLI
  • ネイティブのコマンドラインインタフェースモジュール.
    • Xcode :
  • リンゴはiPhoneシミュレータ上のアプリケーションをテストします.

    • インストールノードとウォッチマン


    Homebrewを使用してノードとウォッチマンをインストールします.
    brew install node
brew install watchman

    2 .ネイティブのCLIをインストールする


    ノードパッケージマネージャ( NPM )でネイティブのCLIをインストールします.
    npm install -g react-native-cli

    xcodeとxcodeコマンドラインツールをインストールします。


    Xcode from the app store .
    Xcode設定ではlocationsに行き、Command Line Toolsで見つけたXcode CLIをダウンロードします.Componentsに行って、好ましくは最新のあなたの選択のシミュレータをダウンロードしてください.

    4 .ネイティブプロジェクトの起動


    これで、端末でこれらのコマンドを実行して、対応するネイティブプロジェクトを起動できます.
    react-native init MyApp
cd MyApp
react-native run-ios
    これは反応するネイティブのプロジェクトを開始します、そして、これに類似しているべきであるIOSシミュレーターのショーケース
    react-native

    Expo


    エキスポは、ネイティブのIOSとAndroidのプロジェクトを構築するためにreact-nativeのようなネイティブの反応の周りに構築された無料のツールチェーンです.
    ツールチェーンは、ユーザーインターフェイスのコンポーネントを提供することによって、ネイティブのアプリケーションの開発を簡素化するツールを提供します.これらのすべては、EXPO SDKで見つけることができます.
    単にEXPO CLIをインストールし、次のコマンドを実行してシミュレータを実行します.
    npm install -g expo-cli
expo init MyApp
cd MyApp
npm start
    最後のコマンドは、バベルを使用して我々のアプリのJavaScriptコードをコンパイルし、万博アプリにそれを提供するHTTPサーバーであるメトロバンドルを開始します.
    また、それはあなたのデフォルトのブラウザであなたのアプリケーションを開発するためのExpoのDevツール、コントロールパネルを開くポップアップ表示されます.

    あなたの携帯電話やシミュレータ上のアプリを開きます


    万博devのツールを見て、あなたは(AndroidやIOSの)を実行したいシミュレータのタイプを使用可能なオプションがあります.そして、あなたはリアルタイムのライブリロードを使用して携帯電話でアプリケーションを実行するためにQRコードをスキャンするオプションがあります.
    あなたがしなければならないのは、AndroidまたはiPhoneのExpo appをダウンロードし、QRコードをスキャンし、行く準備が整いました.

    ネイティブドキュメントを返します。


    docsを見ることによってどう反応するかについて詳しく知る.
    QGCToolbox
    ピアノをつくる