duxapp是基於Taro二次開發的模塊化框架 使用這個框架,結合框架提供的UI庫和工具庫,能幫助你快速且高質量的完成項目,且能實現同時開發小程序、H5、APP(React Native),並且保證各個端的一致性 duxapp還針對APP開發(React Native)做了大量優化,大大降低了APP發開的難度,你可以閲讀React Native教程,瞭解詳情 下面讓我來詳細介紹如何使用duxapp
在舊版本的duxapp,支持主題功能,但是那時候的主體是靜態配置的,並不支持動態切換,新版本,在舊的靜態主題基礎上擴展,實現了動態主題切換 舊版本靜態主題 在之前的版本中已經支持主題功能,在用户配置用,使用模塊的 theme 字段配置主題,像下面這樣 // configs/config/index.js option: { // 基礎模塊 duxapp: { theme: {
全局狀態 全局狀態是一個很實用的功能,例如管理用户信息,組件間狀態共享等功能都需要用到全局狀態,react有很多成熟的全局狀態管理工具,但是很多寫起來太過麻煩,duxapp提供了幾種應對不同場景的全局狀態的方案,當然如果你需要其他全局狀態,可以自行集成 局部全局狀態 這種全局狀態方案的使用場景,在於父子組件之間的狀態共享 import { contextState } from '@/duxapp
Taro 4.0 已經推出一段時間了,4.0 版本主要是支持了鴻蒙端的開發以及 Vite 編譯工具的支持。duxapp 在這段時間也跟隨 Taro 的腳步,實現的對鴻蒙端的支持,並且也將之前的 duxui 這個多端的 UI 庫,對鴻蒙端實現了兼容。 duxui 組件庫提供了 60+ 的組件支持,能快速幫助你完成業務。 現在使用這個 UI 庫,不僅能開發鴻蒙,還能實現同時開發 React Nativ
Taro 一直以來都沒有一個能兼容 RN 的動畫方案,duxapp 中擴展了 createAnimation 方法,讓這個方法兼容了 RN 端,下面讓我們來看看實現思路 createAnimation方法 這個方法是用來創建一個動畫實例的,使用方法像下面這樣,每次 step 創建一組動畫,每組動畫同時執行,執行完一組繼續執行下一組,直到所有的動畫執行完 const an = createAnima
使用duxapp,我是如何實現快速完成項目開發的? 像下面這個例子,這個項目有140多個頁面,但是真實的開發時間,在熟練使用duxapp的情況下,不會超過兩週,並且可以將它兼容APP、小程序、H5 這裏僅展示了其中一部分頁面,這個項目主要包含下這些功能 購物訂單流程 售後退換 文章發佈 門店功能 送貨人員功能 經銷商功能 掃碼抽獎 等其他功能 下面我將詳
duxui是duxapp官方開發的一款兼容多端的UI組件庫,兼容小程序、H5、React Native,庫中提供了60+的組件,覆蓋大部分使用場景 它能幫助你通過統一的組件樣式,快速完成多端應用的開發,包括React Native端的APP開發 duxui已經被我用於很多項目中,其中包含APP的項目就開發了幾十個了,你可以通過這個鏈接去查看或者體驗這些APP,https://app.share.d
Taro的React Native端開發提供了兩種開發方式,一種是將殼和代碼分離,一種是將殼和代碼合併在一起開發 殼是用來打包調試版或者發版安裝包使用的 代碼是運行在殼上的js代碼 Taro殼子的代碼倉庫https://github.com/NervJS/taro-native-shell duxapp中更進一步,你不需要太關注殼子什麼的,你只需要安裝好安卓和ios的編譯環境,用一個命令