React Nativeでプロジェクト作成時に適当な名前をつけたために、後から変更したくなることがあると思います。単にプロジェクト直下にある<プロジェクト名>.jsonのdisplayNameやnameの値を変更しただけでは解決できなかったので、その方法を紹介します。
目次
１．react-native-renameによる一括変換
まず、react-native-renameというコマンドを次のようにインストールします。
npm install -g react-native-rename
次に、react nativeプロジェクトのルートディレクトリで、このコマンドを実行してプロジェクト名を変更します。
react-native-rename <New_Project_Name>
これで適切なファイルの中身やファイル名が変更されます。しかし、コマンド実行時に指示される様に、キャッシュを削除してプロジェクトをビルドするだけだとエラーが発生しました。
watchman watch-del-all npm run --reset-cache
２．react-nativeプロジェクトの更新
エラーを回避するためには、react-nativeコマンドを利用して、プロジェクトの更新を反映させる必要がありました。
次のコマンドでプロジェクトを更新できます。
react-native upgrade
ここで、iOSのプロジェクトファイルである.xcodeprojファイルやAppDelegate.mなども書き換えられるため、react-native linkコマンドを利用して関連付けた外部モジュールとプロジェクトの関係の情報も消えてしまいます。
そのため、改めて、react-native linkで実行した関連付け、および、手動で関連づけた情報を改めて書き換えることが必要です。
