2018，React Native第三方组件库汇总

时间 2019-11-17

原文原文链接

移动跨平台框架React Native通过4年的发展，其生态已经变得异常丰富，在使用React Native开发项目的过程当中，为了提升开发效率，咱们常常会借鉴一些使用使用率比较高的开源库，根据大众的需求，对这些使用较高的 React-Native UI 库，咱们作一个简单的总结和归类，方便你们更好地入门 React Native。react

本文只是收集了一些常见的UI库和功能库，除了上面介绍的知名第三方库以外，还有不少实现小功能的库，这些库能够大大的提升咱们的开发效率，而且能够在此基础上进行二次开发。而且欢迎你们关注个人《React Native移动开发实战》，第二版修改版会再近期再版，欢迎持续关注。ios

第三方库

UI套件

1， NativeBase

NativeBase 是一个广受欢迎的 UI 组件库，为 React Native 提供了数十个跨平台组件。在使用 NativeBase 时，你可使用任意开箱即用的第三方原生库，而这个项目自己也拥有一个丰富的生态系统，从有用的入门套件到可定制的主题模板。 NativeBase 项目地址: github.com/GeekyAnts/N… 入门学习地址: reactnativeseed.com/git

2，React Native Elements

React Native Elements是一个高度可定制的跨平台 UI 工具包，彻底用 Javascript 构建。该库的做者声称“React Native Elements 的想法更多的是关于组件结构而不是设计，这意味着在使用某些元素时能够减小样板代码，但能够彻底控制它们的设计”，这对于开发新手和经验丰富的老手来讲都颇有吸引力。 React Native Elements 项目地址: github.com/react-nativ… React Native Elements 示例项目： react-native-training.github.io/react-nativ…github

3，Shoutem

Shoutem也是一个 React Native UI 工具包，由 3 个部分组成：UI 组件、主题和组件动画。该库为 iOS 和 Android 提供了一组跨平台组件，全部组件都是可组合和可定制的。每一个组件还提供了与其余组件一致的预约义样式，这样能够在无需手动定义复杂样式的状况下构建复杂的组件。web

项目地址：shoutem.github.io/ui/react-native

4， UI Kitten

UI Kitten这个库提供了一个可定制和可重复使用的 react-native 组件工具包，该工具包将样式定义移到特定位置，从而能够单独重用组件或为组件设置样式。经过传递不一样的变量，能够很容易地“动态”改变主题样式。项目地址: github.com/akveo/react… 项目体验地址：expo.io/@akveo/ui-k…babel

5，React Native Material UI

React Native Material UI是一组高度可定制的 UI 组件，实现了谷歌的 Material Design。请注意，这个库使用了一个名为 uiTheme 的 JS 对象，这个对象在上下文间传递，以实现最大化的定制化能力。antd

React Native Material UI 项目地址: github.com/xotahal/rea… 包含库组件及示例的清单： github.com/xotahal/rea…app

###6，React Native Material Kit React Native Material Kit是一套颇有用的 UI 组件和主题，实现了谷歌的 Material Design。不过须要说明的是， React Native Material Kit在2017 年 12 月以后就中止维护了。项目地址: github.com/xinthink/re…框架

###7，Nachos UI Nachos UI 是一个 React Native 组件库，提供了 30 多个可定制的组件，这些组件也能够经过 react-native-web 在 Web 上运行。它经过了快照测试，支持格式化和 yarn，提供了热火的设计和全局主题管理器。项目地址: github.com/nachos-ui/n…

8，React Native UI Library

Wix 工程公司正致力于开发这个最早进的 UI 工具集和组件库，它还支持 react-native-animatable 和 react-native-blur。这个库附带了一组预约义的样式预设（转换为修饰符），包括 Color、Typography、Shadow、Border Radius 等。项目地址: github.com/wix/react-n…

9，React Native Paper

React Native Paper是一个跨平台的 UI 组件库，它遵循 Material Design 指南，提供了全局主题支持和可选的 babel 插件，用以减小捆绑包大小。 React Native Paper 项目地址: github.com/callstack/r…

Expo 示例应用程序： expo.io/@satya164/r…

10，React Native Vector Icons

React Native Vector Icons是一组 React Native 的可定制图标，支持 NavBar/TabBar/ToolbarAndroid、图像源和完整样式。它很是有用，并且被数千个应用程序以及其余 UI 组件库（如 react-native-paper）所使用。项目地址: github.com/oblador/rea… 示例项目：oblador.github.io/react-nativ…

###11，Teaset Teaset是一个 React Native UI 库，提供了 20 多个纯 JS（ES6）组件，用于内容显示和动做控制。虽然它的文档不够详尽，但它简洁的设计吸引了个人眼球。项目地址：github.com/rilyu/tease…

其余库

###1，antd-mobile antd-mobile是由蚂蚁金融团队推出的一个开源的react组件库，这个组件库拥有不少使用的组件。

项目地址： github.com/ant-design/…

###2，react-native-button react-native-button是github上一个开源的button组件，目前仍保持比较快的更新频率，提供比较丰富的Button功能。项目地址：github.com/ide/react-n…

###3，react-native-image-viewer react-native-image-viewer是一个图片大图浏览的库，点击图片能够放大缩小。

项目地址： github.com/ascoders/re…

4，react-native-image-picker

react-native-image-picker是实现多个图像选择、裁剪、压缩等功能的第三方库，可使用该库实现图片、照相等操做。

项目地址： github.com/react-commu…

###5，react-native-picker react-native-picker是React native最多见的滚轮控件，能够实现单滚轮、双滚轮和三滚轮效果。

项目地址： github.com/beefe/react…

###6，react-native-scrollable-tab-view react-native-scrollable-tab-view是一个带有TabBar和可切换页面的控件。，在Android中能够当作是ViewPager和TabLayout的结合。项目地址：github.com/happypancak…

###7，react-native-app-intro react-native-app-intro是实现引导页的库，固然开发者也能够本身手动实现。

项目地址：github.com/fuyaode/rea…