iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Mobile Development

跨平台協同:在 React Native 和 Kotlin 應用中實現無縫交互 -以 Notification 為例 系列

在這篇文章中,我們將探討如何使用 React Native 和 Kotlin 來實現跨平台的通知 (Notification) 機制。通過深入分析兩個語言的互動性,我們將展示如何在不同平台上統一推送通知的方法和最佳實踐。本文將包括實際程式碼範例和配置步驟,旨在幫助開發者理解並實現一個有效、可靠的跨平台通知解決方案,從而提高使用者應用體驗。

鐵人鍊成 | 共 30 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文 團隊kotlin 研習團又來了
DAY 21

[Day 21] 重新構建 React Expo 專案

Day 20 將 Google Service Account 的金鑰(.json)檔案透過 EAS CLI 上傳至 Expo 服務器。 接著要重新構建 And...

2024-10-01 ‧ 由 Jim 分享
DAY 22

[Day 22] 解決 ADB 安裝應用程式時遇到的簽署錯誤 & Default FirebaseApp is not initialized 錯誤

重新執行 npx expo run:android,遇到應用程式的金鑰簽署錯誤。 Error: adb: failed to install /Users/...

2024-10-02 ‧ 由 Jim 分享
DAY 23

[Day 23] 使用 React Expo API 來實作通知進度條

詢問 AI,都說 React Expo API 跟 bare work flow (建立 android module,以使用 Android 原生元件來處理通...

2024-10-03 ‧ 由 Jim 分享
DAY 24

[Day 24] 使用 Module 擺脫只有動態數字的進度條

React Expo API 只能呈現有進度數值的通知視窗,如下列 YouTube 錄影所示。 從 AI 的回應來看,如果要進一步自訂通知視窗,需要使用 ba...

2024-10-04 ‧ 由 Jim 分享
DAY 25

[Day 25] 套用 Module 至 React Expo 專案

在 android/app/src/main/java/com/jim/notification/ 路徑,先找到 MainApplication.kt 或 Ma...

2024-10-05 ‧ 由 Jim 分享
DAY 26

[Day 26] Module 與 JavaScript 的互動

Day 25 放入了原生元件的程式碼。 接著使用 JavaScript 將該 Module 導入。 在專案根目錄中,加入以下檔案。 // ProgressNot...

2024-10-06 ‧ 由 Jim 分享
DAY 27

[Day 27] 解決 Module 未能初始化問題

查看 Module 是在哪邊宣告套用的。 import { NativeModules, Platform } from 'react-native'; co...

2024-10-07 ‧ 由 Jim 分享
DAY 28

[Day 28] 解決 Module 未能初始化問題-續

mkdir ~/.npm-global 先建立一個新資料夾來讓全域 package 使用。 mkdir ~/.npm-global mkdir: /Users/...

2024-10-08 ‧ 由 Jim 分享
DAY 29

[Day 29] 解決 Module 的 function 無法使用問題

先在根目錄建立 modules/功能名稱 資料夾。 把 Module 及相關原生程式碼檔案移至這個資料夾。 建立 index.js 跟 packag...

2024-10-09 ‧ 由 Jim 分享
DAY 30

[Day 30] 如何套用 Module ?

先在 React Expo 專案裡按照下列路徑建立資料夾mkdir -p modules/notification_progress 建立 / 更新位於自訂 M...

2024-10-10 ‧ 由 Jim 分享