Location>code7788 >text

Taro is the first UI library to support Hongmeng, and it's also compatible with React Native, applets, and H5.

Popularity:967 ℃/2024-11-19 10:22:47

Taro 4.0 has been out for a while now, and version 4.0 mainly supports Hongmeng development and the Vite compiler. duxapp has also followed Taro's footsteps in implementing Hongmeng support, and duxui, a multi-terminal UI library, has been made compatible with Hongmeng.

The duxui component library provides support for 60+ components that can quickly help you get your business done.

Now using this UI library, not only can you develop Hongmeng, but you can also realize the simultaneous development of React Native, applets and H5, and it's the only UI library that can be compatible with so many ends at the moment.

Component Showcase

效果图

How to use

Use the following commands to quickly initialize a sample UI library project, you can use this sample project to quickly see the effect of the UI library on the Hongmeng side as well as on other sides

npx duxapp-cli create projectExample duxuiExample
  • Tip: The basic environment needs to be installed before this can happennodejs 20+ yarn git

After creating the project, go to the project directoryprojectExample Run the following command

yarn dev:harmony --app=duxuiExample

After compiling, use DevEco Studio to open thedist/harmony directory, this directory is a native Hongmeng project

  • If you don't already know the basics of Honolulu development, or want to continue to dive deeper into how to do it, check out thisprimer

What did duxapp do?

automatization

In duxapp, we encapsulate the Hongmeng project templates, just as theReact Native Instead of creating the project file yourself, the project will be created automatically when you run the Hongmeng related commands, and all you need to do is to use DevEco Studio to continue compiling the Hongmeng project file generated by duxapp.

configurable

The package name, version, and other information is the same as theReact Native end, through a configuration file

modularization

We have encapsulated the support for the Hongmeng side of theduxapp A module of theduxappHarmony in the module, as long as you rely on this module, you can achieve compatibility with the Hongmeng end

If you don't know much about duxapp's modularity, check out theIntroduction to Modularity

UI Component Library

The main work done during this past period of compatibility has been with the UI libraries, as Hongmeng'sarkui Compared with the Web standard, there are not small differences, each component needs to be adapted, and also need to modify some of the underlying code. Generally speaking, although there are still some minor problems at this stage, 95% of the functions have been realized to be compatible.

proceed with

If you're interested in this program, check out the documentation and continue on for details!

Development Documentation:

GitHub:/duxapp