web-dev-qa-db-ja.com

ReactネイティブiOSおよびAndroidフォルダーが存在しません

私はネイティブに反応するのが初めてで、作成時にプロジェクトフォルダーに存在するはずのアプリのフォルダー構造を理解するのに苦労しています。基本的に、npmでプロジェクトを作成すると、いくつかの開始ファイル(App.jsなど)とnode_modulesフォルダーが取得されます。 expoを使用して実行すると、.expoフォルダーも作成されます。

ただし、リアクションの公式ドキュメントにアクセスしたり、gitのプラグイン/アドオンを調べたりすると、プロジェクトルートにあるAndroidとiOSフォルダーについて何度か話します。しかし、彼らはどこにも見られません。その後、react-native-upgrade-gitをインストールして実行できるといういくつかのヒントが得られました。しかし、それでもうまくいきませんでした。

だから私は何を見逃しましたか?それらのフォルダーはどこにありますか?

編集:これは、私が探しているプロジェクト構造を示すYoutubeチュートリアルのスクリーンダンプです。

enter image description here

29
Simon Eliasson

React Nativeの上にあるExpoのポイントの1つは、Androidまたはiosコードに移行しないことです。 Expoはこれらのフォルダーを処理するため、フォルダーを操作する必要はありません。これらのフォルダーが必要な理由はありますか?その場合、排出する必要があります。これを行うためのドキュメントを次に示します。 ExpoKitでのイジェクト

23
Funk Soul Ninja

次のコマンドを実行すると、そのプロジェクト構造に到達できます。

npm run eject

ただし、Expoフレームワークからアプリが削除されるため、Android/iOSコードから多くの素晴らしい利点と抽象化が追加されます。

16
Danny Sullivan

reactNativeでアプリを開発する場合は、次の手順に従ってください。 Getting Started use React Native .

ReactNativeを使用してプロジェクトを作成する場合は、次のようにターミナルに書き込みます。

react-native init YourProjectName
cd YourProjectName
react-native run-ios //for iOS

私の答えがReactNativeでプロジェクトを作成するのに役立つことを願っています。ありがとう。

13
muhammadaa

AndroidおよびiOSフォルダーを生成するにはこれを試してください

react-native eject

react-native link
7
omprakash8080

少し遅れていると思いますが、ドキュメントを読みたくない場合はこの手順に従ってください。

React Nativeプロジェクトがexpoで作成された場合、Androidおよびiosフォルダーは存在しません。したがって、Androidおよびiosフォルダーを作成するには、expoをプロジェクトから切り離す必要があります。

最初にapp.jsonファイルに必要なパッケージ名を追加します

    ios: {
       bundleIdentifier: "com.yourcompany.yourappname",
    },
    Android: {
       package: "com.yourcompany.yourappname",
    }

次に、ターミナルで以下のコマンドを実行します

exp detach

コマンドが正常に実行された後、Androidおよびiosフォルダーが見つかります

2
maulikdhameliya

最初のインストールでは、ネイティブに反応し、expo init YourProjectを実行した後、minimal(TypeScript)を選択します。その後、YourProjectディレクトリに移動し、npm startを実行しないでください。 npm run Androidを実行します。この助けを願っています

0
amigatra