LoginSignup
3
2

More than 1 year has passed since last update.

【React-Native】プロジェクトを作成

Last updated at Posted at 2021-06-15

私は日本就職を目指して、勉強している韓国人大学生です。
もし、内容の中で間違った表現や言葉などがあれば、書き込みをしてください。

【React-Native】の目次

  1. RNのインストール
  2. プロジェクトを作成
  3. アプリ内メッセージを表示する
  4. タッチイベント、ボタン、スクロール

新しいプロジェクト作成

  • react-native initコマンドでプロジェクトを作成
  $ react-native init my_first_app

Simulator 実行

iOS Simulator

  • 実行方法
  // 別のターミナルで実行
  $ npm start
  $ react-native run-ios
  • command-Rを押して、リロード
  • command-Dを押して、デバッグ実行
  • --simulatorオプションを書いて、仮想デバイスを設定

    $ react-native run-ios --simulator="iPhone 8 Plus"
    

Android Emulator

  • 実行方法
  $ npm start
  // Android Studion - AVD Managar - 仮想デバイスを実行
  $ react-native run-android
  • Rを2回早く押して、リロード
  • command-Mを押して、デバッグ実行
  • --simulatorオプションを書いて、仮想デバイスを設定
3
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
2