跳到内容
必威体育论坛必威精装下载APPRedfin解决方案的标志必威体育论坛必威精装下载APPRedfin解决方案的标志 联系
图书馆

在React Native中利用自定义和第三方库:第3部分

这是关于使用React Native创建应用的一系列博客文章的最后一篇。要开始使用React Native,请阅读React Native的基础知识:第1部分.如果你想在应用程序中包含Drupal网站的内容,请阅读将内容与React Native集成:第2部分

如果没有第三方或自定义库,几乎不可能创建一个专业的应用程序。在需要的地方和时间使用库可以维护React Native提出的可重用性。通过重用已经存在的代码,它可以节省时间和金钱。在React Native项目中包含库只需要三个步骤:

  1. 使用npm (节点包管理器
  2. 使用ES6 (ECMAScript 6)导入语句从库中导入所需的任何组件。
  3. 在组件或屏幕中实现组件。

下面是一个如何在React Native应用程序中包含GooglePlacesAutocomplete库的例子。

$ NPM install react-native-google-places-autocomplete

从库中导入需要的组件:

$ import {GooglePlacesAutocomplete} react-native-google-places-autocomplete

最后,像调用其他组件一样在文件中实现该组件:

. .

利用自己的组件甚至比利用库中的组件更容易。为了包含自定义组件,使用ES6导入语句来导入组件,并在组件或屏幕中实现组件。存储这些定制构建组件的常见位置是在项目的组件目录中。要在屏幕中使用像CustomComponent.js这样的自定义组件,包括:import CustomComponent from ` ../components/CustomComponent `在文件的顶部,并且< CustomComponent / >当您想要使用组件时。

库强制执行代码可重用性标准,因为它们鼓励只编写一段代码,然后在需要的任何地方实现它。您的项目将会更有组织,也更容易在以后进行扩展,因为此方法强制正确使用库。它还可以节省您的时间和头痛,因为当您在几个月后再次使用它们时,您的库将不会像意大利面一样。

我们希望你喜欢这个关于用React Native创建应用的系列。在下面的评论中分享你发现的有用的或更多我们错过的技巧。想了解新的博客帖子、我们的工作以及更多信息,请点赞并关注我们推特脸谱网LinkedIn,Instagram

Baidu