SwipeButton

これは@react-native-community/cliを使用してブートストラップされた新しいReactネイティブプロジェクトです。

はじめる

注：先に進む前に、「新しいアプリケーションを作成する」ステップまで、Reactネイティブ - 環境セットアップ手順を完了していることを確認してください。

ステップ1：Metro Serverを起動します

まず、Reactネイティブとともに出荷するJavaScriptバンドラーであるMetroを開始する必要があります。

Metroを開始するには、React Native Projectのルートから次のコマンドを実行します。

 # using npm
npm start

# OR using Yarn
yarn start

ステップ2：アプリケーションを開始します

Metro Bundlerを独自のターミナルで走らせます。 React Native Projectのルートから新しい端末を開きます。次のコマンドを実行して、 AndroidまたはiOSアプリを起動します。

Android用

 # using npm
npm run android

# OR using Yarn
yarn android

iOSの場合

 # using npm
npm run ios

# OR using Yarn
yarn ios

すべてが正しくセットアップされている場合は、エミュレータ/シミュレーターを正しくセットアップした場合に、AndroidエミュレータまたはiOSシミュレーターで新しいアプリが実行されているのを確認する必要があります。

これは、アプリを実行する1つの方法です。また、Android StudioとXcode内から直接実行することもできます。

ステップ3：アプリの変更

アプリを正常に実行したので、変更しましょう。

1. 選択したテキストエディターでApp.tsxを開き、いくつかの行を編集します。

2. Androidの場合： Rキーを2回押すか、開発者メニュー（ CTRL + M （ウィンドウおよびLinux）またはCMD + M （MACOS））から[リロード]を選択して、変更を確認してください！

   iOSの場合：iOSシミュレーターでCMD⌘ + Rを押して、アプリをリロードして変更を確認してください！

おめでとう！ ？

Reactネイティブアプリを正常に実行および変更しました。 ？

今何？

• この新しいReactネイティブコードを既存のアプリケーションに追加する場合は、統合ガイドをご覧ください。
• React Nativeについて詳しく知りたい場合は、React Nativeの紹介をご覧ください。

トラブルシューティング

これを機能させることができない場合は、トラブルシューティングページをご覧ください。

もっと詳しく知る

Reactネイティブの詳細については、次のリソースをご覧ください。

• React Native Webサイト - React Nativeの詳細をご覧ください。
• 開始 - Reactネイティブの概要と環境のセットアップ方法。
• 基本を学ぶ - 反応ネイティブの基本のガイド付きツアー。
• ブログ - 最新の公式Reactネイティブブログ投稿を読んでください。
• @facebook/react-nativeオープンソース。 ReactネイティブのGitHubリポジトリ。