LoginSignup
14
6

More than 5 years have passed since last update.

ReactNativeでアプリ名、BundleID・PackageNameを変更する方法

Last updated at Posted at 2018-07-27

はじめに

$ react-native init hogehoge

で生成されたプロジェクトではアプリ名、識別子は以下のようになります。

iOS Android
アプリ名 hogehoge hogehoge
識別子 org.reactjs.native.example.hogehoge com.hogehoge

識別子:
iOSの場合はBundle identifier
Androidの場合はAndroidManifest.xmlのmanifestタグ内のpackege=com.hogehoge

AndroidのPackege変更面倒くさい問題

iOSのバンドルID,アプリ名の変更はそれほど面倒くさくないのですが、
Androidはちょっと面倒。
ファイル内に記述されてる諸々のパッケージ名を変更したり、ディレクトリ構成も変えないといけない。

ReactNateve開発を始めたばかりの私はこれだけのことでも面倒に思ってしまい後回しにしちゃってました。

一発でいい感じにしてくれ!!!

ってことで登場するのがこちら!
react-native-ci-tools !!!!!

まずはさくっとインストール

$ npm i -g react-native-ci-tools

プロジェクトのディレクトリに移動し諸々変更しよう

$ react-native-ci-tools bundle "com.test" "TESTアプリ" -a

"com.test"は識別子。
"TESTアプリ"はアプリ名となります。

-aとオプションをつければAndroidのみを変更できます。
iOSのみを変更したい場合は-iをつければOKです。

現場からは以上です。それではよいReactNativeライフを。

2018/08/15 追記

あれ?もしかしてこれやってもAndroidはディレクトリを

com/hogehoge

から

com/test

手動で変えないとだめ?

14
6
2

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
14
6