iT邦幫忙

2024 iThome 鐵人賽

DAY 26
0
佛心分享-SideProject30

用React Native打造找餐店APP系列 第 26

[Day 26] 透過幾行修改成兩支不同APP

  • 分享至 

  • xImage
  •  

今天來分享,由於此專案有分為顧客版、業主版,這兩者的差異僅在於頁面路由不同,主題色Layout皆是相同,
如果重新開一份cli專案,挺麻煩又得重工,這時候可以透過更改 bundleId 方式複製成兩支一模一樣的APP
由於 react native 可以編譯兩個平台原始碼目錄分別是 android、ios (這邊以android為例)

實際修改步驟是:

  • 將專案複製一份出來
  • 找到android > app > build.gradle 檔案
  • 找到 applicationId 屬性,並將其更改為新專案的 ID
  • 更改 package name

https://ithelp.ithome.com.tw/upload/images/20240826/20132295soYJBvx96d.png

android {
    defaultConfig {
        applicationId "com.example.newapp" // 將這行改為新包名
        ...
    }
}

確認應用程式 ID 已更新
打開終端機,透過 cd 指令將目錄導引到 android 目錄,打下以下指令

./gradlew assembleDebug

將應用程式安裝到模擬器或真實裝置上進行測試。

透過以上步驟,你就能夠成功地更改 Bundle ID 並生成兩個不同的 Android APP。


上一篇
[Day 25] 功能開發-餐點類別做成元件管理
下一篇
[Day 27] 功能開發-將購物車送出訂單
系列文
用React Native打造找餐店APP30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言