1. 程式人生 > >react-native 專案更名步驟

react-native 專案更名步驟

剛開始開發專案的時候,更沒有想好一個專案名稱,如何才能更名一個RN APP名稱呢,可按照如下方式操作即可。

使用說明

更改package.json

{
  "name": "dounineApp",
   ...
}

android

更改android/settings.gradle

rootProject.name = 'dounineApp'
...

更改android/app/src/main/res/values/strings.xml

<resources>
    <string name="app_name">dounineApp</string
>
</resources>

更改android/app/src/main/java/com/xxxx/MainActivity.java
請自行替換原xxxx專案名

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 "dounineApp"; } }

IOS

更改Info.plist檔案
Info.plist

更改AppDelegate.m檔案
AppDelegate.m

相關推薦

react-native 專案更名步驟

剛開始開發專案的時候,更沒有想好一個專案名稱,如何才能更名一個RN APP名稱呢,可按照如下方式操作即可。 使用說明 更改package.json { "name": "dounineAp

react-native專案連線夜神模擬器詳細步驟-----------小白的天堂

RN專案連線夜神模擬器:   1. 開啟夜神模擬器,電腦進入cmd  連線夜神模擬器  adb connect 127.0.0.1:8081 下邊 會直接顯示結果,當出現connected sucessful時證明連線成功 2. 進入RN專

React Native 專案整合 CodePush 全然指南

作者 | 錢凱 杏仁移動開發project師,前嵌入式project師。關注大前端技術新潮流。 本文使用的環境: [email protected] React [email protected]

解決升級到Xcode10,react native專案執行報錯問題

今天剛升級到Xcode10,就遇到兩個報錯問題 錯誤一:Xcode 10: Build input file double-conversion cannot be found error: Build input file cannot be found: '../node_modules/react-

react-native 專案配置ts執行環境

#全域性安裝 create-react-native-app yarn global add create-react-native-app #建立專案  create-react-native-app  my-app #安裝ts依賴 yarn add typesc

expo搭建react-native專案

react-native官網中推薦開發使用expo去開發和真機啟動專案。 在專案中可以使用expo的腳手架expo-cli去搭建,也可以使用create-react-native-app 腳手架去搭建。部落格中使用的後者。前者可以參考官網 Get Started 全域性安裝腳手架

初始化一個react-native專案

npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global npm install

第一次react-native專案實踐要點總結

今天完成了我的第一個react-native專案的封包,當然其間各種環境各種坑,同時,成就感也是滿滿的。這裡總結一下使用react-native的一些入門級重要點(不涉及環境)。注意:閱讀需要語法基礎: ES6 、react 、JSX 我對react-native的理解簡而言之就是 :react

WebStorm執行React Native專案

WebStorm是一款前端開發工具,也可以用於React Native專案 下載安裝WebStorm 下載破解補丁 開啟網址(IntelliJ IDEA 註冊碼),下載補丁 然後將補丁複製

4.React Native專案開發如何配置除錯

本篇主要專案開發中如何除錯及除錯配置; RN除錯感覺比較痛苦,沒有Android開發或者IOS開發那麼靈活,說說如何配置; 1.在你執行起來的Android專案介面按住⌘-M會彈出如下列表 2.選擇Debug JS Remotely選項會自動開啟瀏覽器http://

Facebook 宣佈將重構 React Native 專案 « 關於網路那些事...

React Native 官方在6/14發布一則訊息 為了使React Native更輕量化並更好地適應現有的應用程式,官方正式宣佈,正式啟動重構專案 Reac

如何自動化測試 React Native 專案 (下篇)

接著上篇的內容, 這篇文章會詳細的介紹在 Glow 我們如何寫單元測試, 以及在 React Native 中各個模組單元測試的詳細實現方式。 單元測試工具 - Jest & Enzyme Jest - Facebook Jest 是 Facebook 開源的

如何自動化測試 React Native 專案 (上篇)

React Native (RN) 是 Facebook 開源的跨平臺應用開發框架,由於 RN 提供的高效直觀的跨平臺開發模式和不錯的效能,我們在開發 Glow 的中文 App - 共樂孕的時候選擇了以 RN 為主要框架進行開發。 隨著開發模式的逐漸成熟,對RN專案的自動化測試

如何執行github上react native專案

寫在前面 之前就發現百度上,關於下載github上react native專案(下文稱RN)執行的方法不全,今天抽空整理下,給大家一點靈感。 一、下載RN專案 以react-native-nba-app作為事例 二、執行RN專案 執行終

執行react-native專案遇到的坑

最近接手了一個react-native專案,用xcode執行的時候,各種坑,各種報錯,現在抽時間整理一下 1.找不到標頭檔案 RCTJPushModule.h 一上來就報這個錯,翻閱一些資料找到解決辦法 開啟終端,cd到專案資料夾,輸入 npm install jpu

初始化react-native專案執行採坑

第一坑.react和react-native版本配合有很高的要求 init專案啟動後報如下錯誤: error: bundling failed: "Unable to resolve module `AccessibilityInfo` from `/Users/appl

關於React Native專案在android上UI效能除錯實踐

我們盡最大的努力來爭取使UI元件的效能如絲般順滑,但有的時候這根本不可能做到。要知道,Android有超過一萬種不同型號的手機,而在框架底層進行軟體渲染的時候是統一處理的,這意味著你沒辦法像iOS那樣自

利用CodePush對react-native專案熱更新(以android為例)

CodePush是提供給React native 或 Cordova開發的一箇中央倉庫,開發者可以將js、image等程式碼資源上傳上去,客戶端啟動的時候根據版本拉去CodePush上的程式碼進行覆蓋來實現客戶端的熱更新。 1,安裝CodePush npm install

react-native專案經驗

修改埠號:node_modules\react-native\local-cli\server\server.js 生成apk:react-native run-android --variant=release 編譯專案:react-native  start 宣告樣式:var sty

React Native專案修改包名

打release包時,要修改包名 1,修改defaultConfig, applicationId:應用的唯一標識() versionCode :釋出到平臺後,版本更新使用(版本迭代時注意) versionName:顯示應用的版本(作用不大)   2,修改MainActi