2021 年超棒的 React Native UI 套件
在开发 React Native 时,有时我们没有太多时间专注于 UI,或者我们不会专注于这一部分,因此本文将向您展示三个适用于 React Native 的出色 UI 套件,以帮助您提升和加快项目进度。
嘿,我在自己的博客上更新了这篇文章,请在这里查看!
概括
使用Summaryze DEV生成
NativeBase
Nativebase是一个不错的替代方案,它功能齐全,包含大量组件和完善的文档。Nativebase
的核心理念是“真正的原生外观和体验”,您将获得适用于 Android 和 iOS 的原生 UI。我们还提供了一些优秀的项目示例和模板。
点击此处查看一些截图:
iOS | 安卓 |
---|---|
![]() |
![]() |
![]() |
![]() |
用户界面小猫
UI Kitten是 Eva 设计系统在 React Native 上的实现。它支持多种主题,提供丰富的组件和图标,并提供了关于该套件和设计系统的简洁完整的文档。
您可以下载一个演示应用进行测试!
以下是一些截图:
预览 | 预览 |
---|---|
![]() |
![]() |
React Native 元素
React Native Elements是一款在 Android、iOS 和 Web 平台上拥有一致设计的工具包。它全部使用纯 JavaScript 编写,并且高度可定制。RN
Elements 提供了一个优秀的测试环境,可用于测试、创建或修改元素,并直接在浏览器上实时查看效果。
以下是一些截图:
预览 | 预览 |
---|---|
![]() |
![]() |
![]() |
![]() |
额外的
Ant Design 是一款著名的 React.js UI 工具包,它也有一个有趣的移动端 UI 工具包,值得一看。点击此处查看。