【React Native入門】プロジェクトを開始しよう

プロジェクトの作成

下記コマンドでプロジェクトを作成します。

expo init

すると

? Choose a template: 
  ----- Managed workflow -----
❯ blank                 a minimal app as clean as an empty canvas 
  blank (TypeScript)    same as blank but with TypeScript configuration 
  tabs                  several example screens and tabs using react-navigation 
  ----- Bare workflow -----
  minimal               bare and minimal, just the essentials to get you started 
  minimal (TypeScript)  same as minimal but with TypeScript configuration 

このように選択肢が与えられますので、矢印キーで 「blank」にカーソルを合わせ Enter で決定してください。

? Choose a template: expo-template-blank
? Please enter a few initial configuration values.
  Read more: https://docs.expo.io/versions/latest/workflow/configuration/ › 0% completed
 {
   "expo": {
     "name": "<The name of your app visible on the home screen>",
•    "slug": "<A URL friendly name for your app>"
   }
 }

今度はこのような出力がでてくるので同様に矢印キーで name にはプロジェクト名前を、slug には適当なフォルダ名（僕は demoApp としました）を入力して Enter を押してください。

それでは作成されたフォルダに移動（cdコマンド）して下記コマンドで Expo を起動しましょう。ブラウザが立ち上がり Expo の画面が出てくると思います。

expo start

これで開発環境は整いました！

「Run on iOS」や「Run on Android」を押すと先ほどシミュレータやエミュレーターで React Native が立ち上がります。

Reacti Native の開発環境構築はこちらをご覧ください。

最後に