動態

詳情 返回 返回

Taro首個支持鴻蒙的 UI 庫,同時還兼容 React Native、小程序、H5 - 動態 詳情

Taro 4.0 已經推出一段時間了,4.0 版本主要是支持了鴻蒙端的開發以及 Vite 編譯工具的支持。duxapp 在這段時間也跟隨 Taro 的腳步,實現的對鴻蒙端的支持,並且也將之前的 duxui 這個多端的 UI 庫,對鴻蒙端實現了兼容。

duxui 組件庫提供了 60+ 的組件支持,能快速幫助你完成業務。

現在使用這個 UI 庫,不僅能開發鴻蒙,還能實現同時開發 React Native、小程序和 H5,也是目前唯一一個能兼容這麼多端的 UI 庫。

組件展示

效果圖

如何使用

使用下面的命令,可以快速初始化一個 UI 庫的示例項目,你可以通過這個示例項目快速的查看到 UI 庫在鴻蒙端以及其他端的效果

npx duxapp-cli create projectExample duxuiExample
  • 提示:在這之前需要安裝好基本的環境 nodejs 20+ yarn git

創建項目後,進入項目目錄 projectExample 運行以下命令

yarn dev:harmony --app=duxuiExample

編譯完成後,使用 DevEco Studio 打開 dist/harmony 目錄,這個目錄就是一個原生鴻蒙項目

  • 如果你還不瞭解鴻蒙開發基礎知識,或者想繼續深入瞭解如何開發,可以查看這篇入門教程

duxapp 做了些什麼

自動化

在 duxapp 中,我們把鴻蒙工程模板做了封裝,就像 React Native 端那樣,你不需要自行創建項目工程文件,在你運行鴻蒙相關的命令的時候,會自動創建鴻蒙工程項目,你需要做的就是使用 DevEco Studio 來繼續編譯 duxapp 生成的鴻蒙工程文件

配置化

包名、版本等信息就和 React Native 端那樣,通過配置文件來實現

模塊化

我們將鴻蒙端的支持封裝到了 duxapp 的一個模塊 duxappHarmony 中,只要你依賴了這個模塊,就能實現對鴻蒙端的兼容

如果你還不是很瞭解 duxapp 的模塊化,可以查看模塊化介紹

UI組件庫

在過去這一段時間的兼容過程中,主要做的工作就是對 UI 庫的兼容,因為鴻蒙的 arkui 和 Web 標準對比,存在不小的差異,每個組件都需要進行適配,並且還需要對一些底層代碼進行修改。總得來説,現階段雖然還存在一些小問題,但是95%的功能已經實現兼容

繼續

如果你對這個項目有興趣,可以查看文檔,繼續瞭解詳情

開發文檔:http://duxapp.cn

GitHub:https://github.com/duxapp

user avatar aser1989 頭像 kk_470661 頭像 chongdianqishi 頭像 justbecoder 頭像 youbeiputao 頭像 karuru 頭像 daishuyunshuzhanqianduan 頭像 zhangfisher 頭像 humi 頭像 ruochuan12 頭像
點贊 10 用戶, 點贊了這篇動態!
點贊

Add a new 評論

Some HTML is okay.