React Native 常用的 15 个库

更新日期: 2019-04-16 阅读: 3.9k 标签: 

本篇 react native 库列表不是从网上随便找的, 这些是我在我的应用中亲自使用的库。 这些库功能可能跟其它库也有,但经过大量研究并在我的程序中尝试后,我选择了这些库。


15. React Native Animatable

这个库非常适合快速地向 React Native 应用程序添加简单的动画和转换。这个库有两种使用方式:声明式和命令式

声明式用法只需使用动画的名称,该动画将在加载该元素时立即生效。打开页面时,标题应该从左边滑进去。

如果你想手动播放动画,这个wgy命令式用法就很好用。当有人喜欢某个帖子时,摇动一个心形图标。

你也可以定义你自己的动画!对于复杂的动画,可以查找 React Native 的 Animated 的 api


14. React Native Push Notification

这个库支持本地推送通知功能比较全面。它具有日程通知、基于日、周、时间的重复通知等其他库中没有的功能。

如果你的应用程序具有离线可用并且需要推送通知,则此库是你的选择。


13. React Native FCM

如果你的应用程序需要使用 GCM 或 FCM 从服务器发送远程通知,那么这个库就你选择之一,FCM 只是 GCM 的最新版本。这个库还支持带有调度和重复支持的本地通知。因此,如果你同时需要远程和本地通知,那么可以使用 response-native-fcm



12.React Native Hyperlink

一个简单的 react-native 超链接组件的可以让 url,模糊链接,电子邮件等可点击。它还支持样式化链接。只要将 Text 组件作为子组件传递给 Hyperlink 组件,库就会处理一切。


11. React Native Sound

你需要在应用中播放声音或音乐的库。 我使用这个库来播放应用程序声音并播放录制的答案。

下面是React native应用程序声音的演示视频:https://youtu.be/DpE_8j-aq0I


10. React Native loading spinner overlay

一个简单但非常有用的组件。当你希望阻止用户在处理某些内容时执行任何其他操作时,你可以使用此组件。 通过在 Android 中处理后退按钮,该组件也做得很好。 示例:提交帖子


9. React Native Progress

在应用程序中,显示加载或任何其他操作的进度是很重要的。这个库通过支持5个不同的组件,如线性进度条、圆形、饼状图等,可以很容易地显示进度。


8. React Native Swiper

React Native swiper对于实现App intro,Image carousel和Image Galleries非常有用。

下面是React native swiper 的演示视频:https://www.youtube.com/watch


7. React Native Share

与UI自定义分享组件,它还支持分享文件。


6. React Native Photo View

具有缩放支持,onload 回调,缩放以适应和滚动指示器支持的 Image 组件。 此组件存在高分辨率图像问题。 当然,这不是React Native 的特定问题。 当存在高分辨率图像时,内存问题在 Android 上很常见。


5. React Native Image Picker

这是图像上传或图像处理的基本库。 它支持从图库中选择,从相机拍摄照片。 我喜欢这个库中另一个有用的功能是选择图像分辨率的选项,此功能解决了由于高分辨率图像导致的内存问题。


4. React Native Simple Store

这个库只是 React Native 的内置 AsyncStorage API的封装,但它非常有用,因为它具有Promises、l链式调用和超级简单的 API 等特性。


3. React Native Vector Icons

这是最好的 Icon 组件。 它捆绑了 10 个图标集,图标按钮组件,还允许你使用字形图,Fontello 和 TTF 文件导入自定义图标集。

捆绑图标集:

  1. Entypo by Daniel Bruce (411 icons)
  2. EvilIcons by Alexander Madyankin & Roman Shamin (v1.8.0, 70 icons)
  3. FontAwesome by Dave Gandy (v4.7.0, 675 icons)
  4. Foundation by ZURB, Inc. (v3.0, 283 icons)
  5. Ionicons by Ben Sperry (v3.0.0, 859 icons)
  6. MaterialIcons by Google, Inc. (v3.0.1, 932 icons)
  7. MaterialCommunityIcons by MaterialDesignIcons.com (v2.0.46, 2046 icons)
  8. Octicons by Github, Inc. (v5.0.1, 176 icons)
  9. Zocial by Sam Collins (v1.0, 100 icons)
  10. SimpleLineIcons by Sabbir & Contributors (v2.4.1, 189 icons)


2. React Native Modalbox

这个 Modal 库是基于 React Native 的 Modal组件构建的,但附带了许多自定义和功能。 它具有在应用程序中使用 Modals 所需的所有功能。


1. React Native Router Flux

导航是 React Native 社区中的主要问题之一,因为它没有默认导航系统。 无论 React Native 出现什么导航系统总是有变化或不稳定。

这个库帮助我使用一个非常简单的声明性API快速实现导航。 它维护一堆路线并从应用程序中的任何场景导航到任何场景就像调用函数一样简单。

它也支持选项卡式导航,侧边栏和模态框。 可以将模态框定义为场景,以便可以从任何场景调用模态。

你可以已经在用 React-Navigation 了,并想知道我为什么要使用 React Native Router Flux? 不要担心 React Native Router flux v4 基于 React-Navigation 并且具有更简单的 API!

上面的大多数应用程序演示都使用 React-native-router-Flux 作为导航系统。


来自:https://segmentfault.com/a/1190000018882944


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://fly63.com/article/detial/2904

相关推荐

十个最流行的前端 CSS 库

前端 CSS 库,可以帮助用户分担样式设计,从而显著提高原型制作速度;用户则可以凭借前端框架,更加轻松地构建起直观的可用应用程序。目前市场上存在大量前端框架可供选择,本篇文章的主要内容就是关于那些目前最为流行且常用的框架

math.js_灵活强大的JavaScript数学库

math.js是一个广泛应用于JavaScript 和 Node.js的数学库,它的特点是灵活表达式解析器,支持符号计算,内置大量函数与常量,并提供集成解决方案来处理不同的数据类型,如数字,大数字,复数,分数,单位和矩阵。

15个有趣的Javascript 和CSS库

让你了解到新兴和酷炫的web 开发趋势. 精心挑选发布一些认为大家值得关注的库:Direction Reveal、Carbon、Аxios、Jarvis、Toast UI Editor、Micron.js、lit

GoJS的使用

GoJS是用于实现交互式图的JavaScript库。GoJS是依赖HTML5功能的JavaScript库,每个GoJS图表都包含在<div>您的HTML页面的HTML元素中

34 个最受欢迎的 JavaScript 库

直接开门见山,看看有哪些好用受欢迎的库值得我们使用。nodemon在编写调试Node.js项目,修改代码后,需要频繁的手动close掉,然后再重新启动,非常繁琐。现在,我们可以使用nodemon这个工具

12 个评估 JS 库你需要关心的事

当你调研一个 JS 库,功能当然是最重要的。作者给出了从 12 个角度全面分析 JS 库的可用性,分别是:特性,稳定性,性能,包生态,社区,学习曲线,文档,工具,发展历史,团队,兼容性,趋势

前端常用的CSS动画库

动效设计一直都是最近几年前端开发的热门趋势之一。动画是Web和UI设计的主要内容。一个完全静止的网站,即使是使用了微妙的悬停状态,也可能感觉不一样。如果缺少动画,就像缺少必要的东西一样。

推荐 11 个好用的 JS 动画库

Three.js超过46K的星星,这个流行的库提供了非常多的3D显示功能,以一种直观的方式使用 WebGL。这个库提供了<canvas>、 <svg>、CSS3D 和 WebGL渲染器,让咱们在设备和浏览器之间创建丰富的交互体验

JavaScript 社区由一个库引发的“smoosh门”事件到底怎么回事?

一项名为 JavaScript 功能的提案 Array.prototype.flatten 证明与 Web 不兼容。在 Firefox Nightly 中发布该功能会导致至少一个受欢迎的网站中断。鉴于有问题的代码是广泛使用的 MooTools 库的一部分,很可能会有更多网站受到影响。

day.js轻量级处理时间和日期格式化库

Day.js是一个轻量的处理时间和日期的JavaScript库,和Moment.js的API设计保持完全一样. 如果您曾经用过Moment.js, 那么您已经知道如何使用Day.js。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!