首页 APP开发 正文内容

uni-app 用什么组件库?推荐3款适合 uni-app 跨端开发的 UI 组件库

2023年10月09日 , 386

三款好用的 ui 组件库,支持一套代码编译到不同平台。

什么是跨端组件库

uni-app 是一个跨端开发框架,让我们可以写一套代码,编译后运行到不用的平台,但开发中一般官方内置的组件才能跨端,一般我们熟知的前端组件库 vant、element ui,都只是 web 端的组件库,uni-app 中也可以使用,但只能发布到 H5,没法运行在 APP 或者是小程序中。

那么除了用官方的内置组件,难道就只能自己实现了吗?其实还是有的,uni-app 生态中也有不少可以跨端的组件库,我给大家推荐 3 款。

Tuniao UI 图鸟 UI

图鸟 UI 是一款基于 uni-app 进行开发的 UI 框架,内含常用表单组件、信息展示组件等,并提供丰富的酷炫页面模板。目前图鸟 UI 以 uni-app 插件的方式提供,已经支持发布到 H5 / App 和微信小程序

图鸟 UI
图鸟 UI

图鸟 UI 提供了很多可以直接使用的页面模板,这些模板风格完整一致,通用型强,在开始敲代码开发前,可以扫码体验图鸟官方的几个小程序,都是基于图鸟 UI 开发,如果自己的产品需求类似,加作者微信可以免费获取源码,能省去大量的开发时间。

图鸟 UI
图鸟 UI

Thor UI 

Thor UI 是一款开发移动端网页应用、小程序的前端 UI 组件库,uni-app 版本还可以编译成为安卓/ iOS APP 应用,特点是轻量、简洁,组件覆盖比较全面,使开发更高效。

ThorUI
ThorUI

自从微信推出了小程序,用完即走、简洁轻量的理念被用户接受以后,很多厂子也同步推出了自家的小程序,小程序开发也成为前端开发者必须掌握的技能了。

如今想到要开发小程序,一般都会用到 uni-app,这款号称写一次代码,同时发布到各家小程序甚至是 APP 端的国产开发工具。我也在用 uni-app,开发效率、体验的确有提高,特别是做小程序,很方便。但前些年生态还不够好,导致很多业务组件只能自己写,而现在随着发展,很多组件库已经适配 uni-app 了,今天介绍的这款移动 UI 组件库 Thor UI,就是一款支持 uni-app 的组件库。

ThorUI
ThorUI

注意 Thor UI 有原生小程序版本和 uni-app 版本。

uView UI

uView UI 不仅仅是 web 应用界面的 UI 组件库,它专为 uni-app 而生,能够在App、H5、各家小程序平台中完美一致地运行,目标是成为 uni-app 生态最优秀的UI框架。我觉得目前它做到了。

uViewui
uViewui

uView UI 官方的文档风格和 uni-app 很像,总是站在开发者的角度,总能在需要注意的地方明确提示,在实际开发中让我们少走很多弯路。