1.使用React-native link的背景

并不是所有的 APP 都需要使用全部的原生功能,包含支持全部特性的代码会增大应用的体积。但我们仍然希望能让你简单地根据自己的需求添加需要的特性。
在这种思想下,我们把许多特性都发布成为互不相关的静态库。
大部分的库只需要拖进两个文件就可以使用了,偶尔你还需要几步额外的工作,但不会再有更多的事情要做了。
我们随着 React Native 发布的所有库都在仓库中的Libraries文件夹下。其中有一些是纯 Javascript 代码,你只需要去import它们就可以使用了。另外有一些库基于一些原生代码实现,你必须把这些文件添加到你的应用,否则应用会在你使用这些库的时候产生报错。

2.具体使用React-native link的步骤:

(1).下载某个库到本地

npm install ******

(2).链接某个库到项目中

react-native link *****

(3).到此就成功的链接到ios和android项目中了

react-native-app-link 轻松到React Native中的其他应用程序。 如果未在用户手机上安装该应用,请改为打开“ App Store”或“ Play Store”链接。 npm i -S react-native-app-link import AppLink from 'react-native-app-link' ; AppLink . maybeOpenURL ( url , { appName , appStoreId , appStoreLocale , playStoreId } ) . then ( ( ) => { // do provided(已提供) provided依赖只有在当JDK或者一个容器已提供该依赖之后才使用。例如,如果你开发了一个web应用,你可能在编译classpath中需要可用的Servlet API来编译一个servl... 最近做气象防雷app项目的时候,选用高德地图来开发;然后找到了react-native-amap3d这个第三方组件,很好用的一个地图组件,文档还比较细,GitHub上面Issuse也很活跃。 初次使用react-native开发APP还是有一些困难,这个组件是需要链接原生库的。就是说要使用react-native link这个命令。但是链接了原生库之后,再要下载其他的第三方组件就报... react-native link (0.50版本后) rnpm-install info Linking react-native-picker ios dependency rnpm-install ERR! Something went wrong while linking. E... What is react-native link? or Should you just use react-native link when linking any dependency or should you be more explicit and use react-native link dependency-name? From my experience ... 1.rn的版本问题,如0.55.6版本就是这样的,安装的时候就会报错, 2.link组件的问题,有些时候会发生自动link不全或者路径错误的情况, 3.安卓版本问题,组件的版本和rn项目版本统一 4.其他问题, 其实我建议还是学一下android原生,包括gradle,不然后面涉及太多原生问题很难解决。 1.rn版本问题 React Native 是当今最常用的 JavaScript 移动框架之一。React Native 使熟悉 JavaScript 和 React Web 框架的开发人员能够使用类似的方法和原理开发移动应用程序。作为一个 React Native 开发者,你在开发你的应用程序时必然会遇到一些错误。当编译器在运行代码时检测到错误时,它会终止进程并显示错误消息。React Native 中的错误消息非常具有描述性。 示例为全局使用的方式,官方文档的示例是按需引入的,因此全局使用的需要自己去 node_modules/@ant-design/react-native/lib/ 找对应的组件名称。当然,如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方,希望你在看到之后能够在评论里指出来,我会在看到之后尽快的回复你。android文件夹: android\app\src\main\assets。如果本篇文章对你有帮助的话,很高兴能够帮助上你。 ReactNative开发过程中,经常会引用一些组件库来实现一些特殊需求。有些组件库使用时,需要link依赖项,是因为这些库基于一些原生代码实现,你必须把这些文件添加到你的应用,否则应用会在你使用这些库的时候产生报错。 链接原生库有两种方式,一种是自动链接,一种是手动链接。文中以我们开发中常用的react-navigation组件库为例。 注:使用link依赖项之前,需先确认react-... 一、 安装依赖 必须安装的依赖有:Node、Python2 以及 JDK 、React Native 命令行工具和 Android Studio。 1. 官网下载安装Node(Node 的版本必须高于 8.3) 2. 官网下载安装Python2(版本必须为 2.x) 3. 官网下载安装JDK(版本必须是 1.8) jdk配置(右键偶的电脑—属性—高级系统设置—环境变量): ①. 创建一个... 当你安装一个带原生依赖的库的时候,你需要 react-native link 命令,现在有了 autolink,就不用这一步了,具体看以下两个文档。 react-native link https://reactnative.cn/docs/linking-libraries-ios autolink https://github.com/react-native-community/cli/blob/master/docs/autolinking.md import React from 'react' ; import { StyleSheet , Text , View } from 'react-native' ; import Swiper from 'react-native-web-swiper' ; const styles = StyleSheet . create ( { container : { flex : 1 , slideContainer : { flex : 1 , alignItems : 'cent 二、添加.a文件 添加 Libraries 目录下该库.xcodeproj目录下的product/*.a 文件到 build phases -> Link Binary With Libraries 三、添加search path 项目中使用到了头文件: #import "WXApi.h" 则需要添加 .h 本文基于react版本17.0.2、react-native版本0.67.3,使用mac开发,介绍基于现有Android、IOS原生项目搭建react native开发环境,强烈建议使用个好一点的梯子。 RN环境搭建 以下步骤已安装的可跳过 首先安装Homebrew /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 安装 Node 和 Watchman 注:本文是我在开发过程中遇到问题解决方法的总结,之后会持续更新,希望帮助到更多的学习者。文中有不妥的地方希望指出共同学习,同时欢迎大神补充。错误1:Paste_Image.png估计是程序中有格式错误请自行检查比如:你注释出来问题。{/*title="张三"*/}换//title="张三"错误2:Paste_Image.png这个说明你要跳转的页面缺少子控件。所以你要在里面添加东西比如加个:&lt... React本机udp React Android和iOS的本机UDP套接字API。 它允许您创建UDP套接字,以模仿Node的 API功能(有关更多信息,请每个方法文档)。 使用此模块。 使用Yarn安装库: yarn add react-native-udp 或npm: npm install --save react-native-udp 使用React Native> = 0.60 不再需要手动链接软件包。 iOS平台: $ cd ios && pod install && cd .. #iOS上的CocoaPods需要这个额外的步骤 使用React Nativ