RN ui框架有：1、React Native Elements，遵循Material Design原则，用户可以根据要求对组件进行建模，完全控制应用程序设计；2、lottie-react-native，一个非常轻量级同时又支持多平台的动画库；3、NativeBase，支持丰富广泛的生产级UI组件；4、Teaset，专注于内容展示和操作控制，可大大改善页面开发效率。

本教程操作环境：Windows7系统、react18版、Dell G3电脑。

React Native（RN）拥有广泛的UI元素和库，可减少软件开发耗费的时间，并简化开发人员的工作。这些库包含一系列非常有用的组件，可以将它们整合到您的Web或移动应用程序中，以构建出色的界面。

因此，您可以使用这些现成的组件，甚至可以根据应用程序要求来定制这些组件，而不是从头开始编写代码行。

可以在GitHub上找到各种React Native库用于您的项目中。然而，基于星的评级方法也可能非常棘手，而且误导人。因此，本文列出了开发人员在不同项目中经常使用的最流行的库。不妨看一下!

react-native ui框架

1、React Native Elements

React Native Elements可能是开发人员听到React Native时马上想到的第一个库。虽然这个UI构建套件遵循Material Design原则，但它不仅仅是一个自成一体的设计系统，也让开发人员可以精细化控制组件结构。

您可以根据要求对组件进行建模，完全控制应用程序设计。它还可以为您节省大量时间，那样您不必一再重写相同的代码。因此，您将能够迅速构建真正吸引人的应用程序，又有易于使用、引人注目的功能。

2、lottie-react-native

相信不少开发者都听说过 lottie，一个非常轻量级同时又支持多平台的动画库，这个库就是对应的 RN 版本了。

由于只需 JSON 数据源就可以加载动画，结合 RN 天生的热更新能力，lottie 可以让你自由切换应用里的各种动画效果。

3、react-native-vector-icons

顾名思义，这是一个提供矢量图标的 UI 库，包含超过 3 千种图标供你选择，不但易于使用而且支持自定义，无论从哪一方面而言，它都是最佳的图标库。

4、NativeBase

自React Native问世以来，这个老牌库就已经存在。NativeBase是最好的跨平台应用程序开发框架之一，它支持丰富广泛的生产级UI组件。除了基本支持外，它还为有用的功能提供预配置。

NativeBase是创建视觉美观且易于使用的应用程序的完美起点。它提供了支持的主题和付费模板，您可以用它们来缩短开发时间。又由于它拥有可定制的功能，您还可以将它们与附加功能整合起来，使得构建统一的界面变得非常轻松和快速。

5、React Native Material UI

这个UI框架通过20种不同的可定制组件(比如化身、工具栏、抽屉和按钮等)，提供了更轻松、更快速的应用程序开发流程。它使用Google Material Design原则，通过简化导航及其他功能，帮助您改善用户体验。

可以将您的项目样式与自支持的React组件轻松整合起来，将它们塑造成动态UI。此外，这些组件独立于任何全局样式表。

6、React Native UI Kitten

这个React Native框架的名字取得真不赖!该UI组件库基于Eva设计系统，提供了480多个图标，允许您创建自定义主题。您还可以使用或扩展两个内置的视觉主题。

UI Kitten拥有20多个重要的UI组件，是少数几个与每个组件的从右到左编程方法都兼容的库之一(如果您在开发全局应用程序，请留意这一点)。它还支持Web开发。在这个库中，样式类与业务逻辑相分离，UI组件则以相同的方式存储。这种方法类似CSS，样式定义并不附加到代码中。

7、Teaset

React Native UI 组件库, 超过 20 个纯 JS(ES6) 组件, 专注于内容展示和操作控制。

Teaset 设计精巧, 不依赖任何第三方库, 全部源代码不压缩时也只有 300+k, 即使加上图标文件也不足 600k, 如果只需要使用其中的少量组件, 也可以使用按需加载方式只加载需要使用的组件。

Teaset 组件采用 React Native 原生组件同样的风格来编写, 可以与 React Native 无缝融合开发, 你不需要太多的学习成本即可掌握。由于使用纯 JS 开发, 因此在 iOS 和 Android 下的表现形式几乎一样。

利用 Teaset, 你可以快速搭建 App 页面框架, 丰富的 UI 组件大大改善页面开发效率, 强大的 Overlay 浮层类把你从繁琐的交互控制中解放出来, 使得你可以专注于业务与逻辑。

8、Ant Design Mobile RN

Ant Design 移动端设计规范。@ant-design/react-native 是 Ant Design 的移动规范的 React 实现，服务于蚂蚁及口碑无线业务。

特性

• 基于 Ant Design 移动设计规范。

• 规则化的视觉样式配置，适应各类产品风格。

• 基于 React Native 的多平台支持。

• 使用 TypeScript 开发，提供类型定义文件。