Taro 4.0 已經(jīng)推出一段時間了崭添,4.0 版本主要是支持了鴻蒙端的開發(fā)以及 Vite 編譯工具的支持叛氨。duxapp 在這段時間也跟隨 Taro 的腳步寞埠,實現(xiàn)的對鴻蒙端的支持,并且也將之前的 duxui 這個多端的 UI 庫蓝角,對鴻蒙端實現(xiàn)了兼容。
duxui 組件庫提供了 60+ 的組件支持揪阶,能快速幫助你完成業(yè)務(wù)患朱。
現(xiàn)在使用這個 UI 庫,不僅能開發(fā)鴻蒙冰沙,還能實現(xiàn)同時開發(fā) React Native执虹、小程序和 H5,也是目前唯一一個能兼容這么多端的 UI 庫撞叽。
組件展示
如何使用
使用下面的命令愿棋,可以快速初始化一個 UI 庫的示例項目均牢,你可以通過這個示例項目快速的查看到 UI 庫在鴻蒙端以及其他端的效果
npx duxapp-cli create projectExample duxuiExample
- 提示:在這之前需要安裝好基本的環(huán)境
nodejs 20+
yarn
git
創(chuàng)建項目后徘跪,進入項目目錄 projectExample
運行以下命令
yarn dev:harmony --app=duxuiExample
編譯完成后,使用 DevEco Studio 打開 dist/harmony
目錄松邪,這個目錄就是一個原生鴻蒙項目
- 如果你還不了解鴻蒙開發(fā)基礎(chǔ)知識哨查,或者想繼續(xù)深入了解如何開發(fā),可以查看這篇入門教程
duxapp 做了些什么
自動化
在 duxapp 中寒亥,我們把鴻蒙工程模板做了封裝邮府,就像 React Native
端那樣,你不需要自行創(chuàng)建項目工程文件溉奕,在你運行鴻蒙相關(guān)的命令的時候褂傀,會自動創(chuàng)建鴻蒙工程項目,你需要做的就是使用 DevEco Studio 來繼續(xù)編譯 duxapp 生成的鴻蒙工程文件
配置化
包名加勤、版本等信息就和 React Native
端那樣仙辟,通過配置文件來實現(xiàn)
模塊化
我們將鴻蒙端的支持封裝到了 duxapp
的一個模塊 duxappHarmony
中同波,只要你依賴了這個模塊,就能實現(xiàn)對鴻蒙端的兼容
如果你還不是很了解 duxapp 的模塊化欺嗤,可以查看模塊化介紹
UI組件庫
在過去這一段時間的兼容過程中参萄,主要做的工作就是對 UI 庫的兼容卫枝,因為鴻蒙的 arkui
和 Web 標(biāo)準(zhǔn)對比,存在不小的差異校赤,每個組件都需要進行適配吆玖,并且還需要對一些底層代碼進行修改÷砝海總得來說沾乘,現(xiàn)階段雖然還存在一些小問題,但是95%的功能已經(jīng)實現(xiàn)兼容
繼續(xù)
如果你對這個項目有興趣浑测,可以查看文檔翅阵,繼續(xù)了解詳情
開發(fā)文檔:http://duxapp.cn
GitHub:https://github.com/duxapp