Быстрое руководство для обновления имени пакета в React Native

Эй, отреагируйте местное сообщество, в этой короткой статье давайте посмотрим, как изменить название пакета и идентификаторы пакета в нашем нативном приложении React.

Список файлов для редактирования, чтобы изменить/переименовать ваш Android-проект React-Clive. Следующие константы используются в файлах для обозначения того, какое значение должно быть размещено.

Application_name – Это будет использоваться React-National для определения вашего приложения.
Application_display_name – отображать имя на главном экране.
Android_package_name – Действительное имя пакета Android.
Ios_bundle_id – Действующий идентификатор пакета iOS.

Обратите внимание, что это только для того, чтобы показать, какие файлы изменить, содержимое файлов опущено, чтобы подчеркнуть части изменения.

Android

Файлы для изменения

---------------------------------------------------
FILE                  |  PATH
---------------------------------------------------
app.json              |  ./
index.js              |  ./
package.json          |  ./
settings.gradle       |  ./android/
BUCK                  |  ./android/app/
build.gradle          |  ./android/app/
AndroidManifest.xml   |  ./android/app/src/main/
MainActivity.java     |  ./android/app/src/main/java/**
MainApplication.java  |  ./android/app/src/main/java/**
strings.xml           |  ./android/app/src/main/res/values

AndroidManifest.xml

Бак

# ./android/app/BUCK

# find 'android_build_config' and 'android_resource'
# ANDROID_PACKAGE_NAME = com.mycompany.whaterver.app

android_build_config(
    name = "build_config",
    package = "ANDROID_PACKAGE_NAME",
)

android_resource(
    name = "res",
    package = "ANDROID_PACKAGE_NAME",
    res = "src/main/res",
)

MainActivity.java

// ./android/app/src/main/java/

/* NOTE: create a directory according to your package name
 * example: An android package name like, 'com.mycompany.sub.app'
 * will turn into 'com/mycompany/sub/app'
 * Now, manually create/put MainActivity.java under './android/app/src/main/java/com/mycompany/sub/app/'
*/

package ANDROID_PACKAGE_NAME;

import com.facebook.react.ReactActivity;

public class MainActivity extends ReactActivity {

    /**
     * Returns the name of the main component registered from JavaScript.
     * This is used to schedule rendering of the component.
     */
    @Override
    protected String getMainComponentName() {
        return "APPLICATION_NAME";
    }
}

MainApplication.java

// ./android/app/src/main/java/

// Similar to MainActivity.java
/* NOTE: create a directory according to your package name
 * example: An android package name like, 'com.mycompany.sub.app'
 * will turn into 'com/mycompany/sub/app'
 * Now, manually create/put MainActivity.java under './android/app/src/main/java/com/mycompany/sub/app/'
*/

package ANDROID_PACKAGE_NAME;

import android.app.Application;

import com.facebook.react.ReactApplication;

app.json

{
  "name": "APPLICATION_NAME",
  "displayName": "APPLICATION_DISPLAY_NAME"
}

build.gradle

# ./android/app/build.gradle

# find 'applicationId' under 'android.defaultConfig'
# android.defaultConfig.applicationId


android {
    compileSdkVersion 23
    buildToolsVersion "23.0.1"

    defaultConfig {
        applicationId "ANDROID_PACKAGE_NAME"
        minSdkVersion 16
        targetSdkVersion 22
        versionCode 1
        versionName "1.0"
        ndk {
            abiFilters "armeabi-v7a", "x86"
        }
    }

index.js

import { AppRegistry } from 'react-native';
import App from './App';

AppRegistry.registerComponent('APPLICATION_NAME', () => App);

package.json

{
  "name": "APPLICATION_NAME",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "react": "16.3.1",
    "react-native": "0.55.3"
  }
}

настройки

// ./android/settings.gradle

rootProject.name = 'APPLICATION_NAME'
include ':app'

Strings.xml



    
    APPLICATION_NAME/APPLICATION_DISPLAY_NAME

ios

Файлы для изменения

--------------------------------------------------------
FILE                  |  PATH
--------------------------------------------------------
info.plist            |  ./ios/APPLICATION_NAME/**

info.plist


  ...
  CFBundleDisplayName
  APPLICATION_NAME
  CFBundleIdentifier
  IOS_BUNDLE_ID
  ...

Я надеюсь, что вы смогли обновить название пакета вашего приложения, как всегда, не забудьте запустить чистую сборку после этих изменений.

Если вам понравилась эта статья или столкнулся с любыми проблемами, не стесняйтесь обращаться через Twitter или Электронная почта 🚀

Счастливого кодирования 🎉

Оригинал: “https://dev.to/karanpratapsingh/quick-guide-for-updating-package-name-in-react-native-3ei3”