ReactNativeのプロジェクト作成方法が変わった

最近はバックグラウンドで位置情報の権限変更を検知する処理を実装しようとしていて
ちょっと実験用に新規でプロジェクトを立ち上げようとしたら色々コンソールがうるさかったので
メモがてら残して置こうと思います。

結論

とりあえず変更後のプロジェクト作成方法から

使えるオプション

• --version <string>: 特定のReact Nativeバージョンを指定できます。
• --directory <string>: プロジェクト名とは異なるディレクトリ名を指定できます。
• --title <string>: アプリのタイトルを指定できます。
• --template <string>: カスタムテンプレートを使用できます。

注意点:

• このコマンドは、グローバルにインストールされたreact-native-cliではなく、最新のCLIバージョンを使用します。
• TypeScriptはデフォルトで使用されるため、カスタムTypeScriptテンプレート（–template typescript)は無視されます。

以前との違い

以前のインストール方法

実行すると

Need to install the following packages:
react-native@0.75.2
Ok to proceed? (y) y

⚠️ The init command is deprecated.
The behavior will be changed on 2024/12/31 (113 days).

• Switch to npx @react-native-community/cli init for the identical behavior.
• Refer to the documentation for information about alternative tools: https://reactnative.dev/docs/getting-started

Running: npx @react-native-community/cli init

warn Ignoring custom template: ‘react-native-template-typescript’. Starting from React Native v0.71 TypeScript is used by default.

Default

###### ###### ### #### #### ### ## ### ### ## ## #### ## ## #### ## ## ## ## ## ## ### ### ## ## ######################## ## ###### ### ### ###### ### ## ## ## ## ###

1 2 3 4 5 6 7 8 9 10

###### ###### ### #### #### ### ## ### ### ## ## #### ## ## #### ## ## ## ## ## ## ### ### ## ## ######################## ## ###### ### ### ###### ### ## ## ## ## ###

### ## ### #### ### ## ###
## #### ######## #### ##
## ### ########## ### ##
## #### ######## #### ##
### ## ### #### ### ## ###
### ## ## ## ## ###
###### ### ### ######
## ######################## ##
## ### ### ##
## ## ## ##
## #### ##
## #### ##
## ### ### ##
### #### #### ###
###### ######

Default

Welcome to React Native 0.75.2! Learn once, write anywhere

1 2	Welcome to React Native 0.75.2! Learn once, write anywhere

✔ Downloading template
✖ Copying template
error Installing pods failed. This doesn’t affect project initialization and you can safely proceed.
However, you will need to install pods manually when running iOS, follow additional steps in “Run instructions for iOS” section.

Run instructions for Android:
• Have an Android emulator running (quickest way to get started), or a device connected.
• cd “自分のプロジェクトのパス” && npx react-native run-android

Run instructions for Windows:
• See https://aka.ms/ReactNativeGuideWindows for the latest up-to-date instructions.

非推奨の警告:

react-native init コマンドは非推奨となり、2024年12月31日に動作が変更される予定です。代わりに npx @react-native-community/cli init を使用することが推奨されています。

テンプレートの無視:

React Native v0.71 以降、TypeScript がデフォルトで使用されるようになったたので --templateは無視される模様

Pod のインストール失敗:

windowsで実行したiOS 用の Pod のインストールに失敗したようです

手動だとmacでcd ios pod install

したらいける

実行手順参考

Windows 向けの最新の手順