Taro首个支持鸿蒙的 UI 库，同时还兼容 React Native、小程序、H5

Taro 4.0 已经推出一段时间了，4.0 版本主要是支持了鸿蒙端的开发以及 Vite 编译工具的支持。duxapp 在这段时间也跟随 Taro 的脚步，实现的对鸿蒙端的支持，并且也将之前的 duxui 这个多端的 UI 库，对鸿蒙端实现了兼容。

duxui 组件库提供了 60+ 的组件支持，能快速帮助你完成业务。

现在使用这个 UI 库，不仅能开发鸿蒙，还能实现同时开发 React Native、小程序和 H5，也是目前唯一一个能兼容这么多端的 UI 库。

组件展示

下面我将介绍这一切是如何做到的，这其中遇到了哪些问题

兼容鸿蒙之前

在开始兼容鸿蒙之前，我们来讲一下，duxapp 是一个什么状况

1、样式兼容性

现在 duxapp 已经兼容 小程序、React Native以及H5了，因为 React Native 端在这些端中兼容的样式是最少的，我们是按照React Native的标准去做，我们针对 H5 端和 小程序端的基础样式做了调整

需要将 View 组件调整为默认 Flex 竖向布局、默认的定位方式、模型盒、以及边框等，像下面这样：

/* H5 端 */
taro-view-core {
   
  display: flex;
  flex-direction: column;
  position: relative;
  border-style: solid;
  border-width: 0;
}
input,
textarea,
taro-view-core {
   
  box-sizing: border-box;
}
/* 小程序端 */
view {
   
  display: flex;
  flex-direction: column;
  position: relative;
  border-style: solid;
  border-width