aknow2

自分の興味のある事を連々と(プログラミング、モバイルアプリ、プログラミング教育)

create-react-native-appを使ってReactNative+Typescriptの環境を一瞬で作る方法

create-react-native-appを使うとReactNative+Typescriptの環境も一瞬で出来るのでサクッと紹介します。

方法

まずはインストール

npm -g install typescript create-react-native-app

次に以下のコマンドを打てば、my-appフォルダ内にTypescriptでReactNativeな環境が出来上がります。
恐ろしく簡単!

create-react-native-app my-app --scripts-version=react-native-scripts-ts

次にExpoを使ってアプリを起動してみましょう。
まずはお手元のスマホにExpoをインストールしてください。

https://play.google.com/store/apps/details?id=host.exp.exponent&hl=ja

次にreact-nativeを起動します。

cd my-app
npm start

QRコードが生成されるのでExpoで読み込めばアプリが起動します。
注意!スマホQRコードを生成したPCは同じローカルネットワークに属する必要があります。