• React Native引入第三方 2017-01-06 18:16:57
    npm install [第三方] –save npm uninstall [第三方] –save npm WARN addRemoteGit Error: Command failed: git -c core.longpaths=true config --get remote.origin.url
    推荐一个React Native 项目常用的第三方组件博客 http://www.jianshu.com/p/d9cd9a868764#
    
    **系统要求**
    完成的React Native开发环境
    安装rnpm【注意: rnpm需要node 4.1+】
    "rnpm"是一个社区项目,可以提供原生依赖的自动链接。
    ```
    npm install rnpm -g
    ```
    
    **添加库**
    使用CMD窗口进入react native项目的根目录,输入命令: npm install [第三方库] --save, 如果没有--save只是添加库,不会添加依赖。执行成功后 库会自动添加到项目根目录的node_modules文件夹里
    如:[npm install react-native-toast --save]
    
    **删除库**
    如果没有--save只是删除库,不会删除依赖
    如:[npm uninstall react-native-toast --save]
    
    
    **可能遇到的问题:**
    我在添加库【react-native-viewpager】(https://github.com/race604/react-native-viewpager.git)时遇到一个报错信息
    ```
    D:\AndroidTools\ReactNativeProject\ReactNativeOne-master>npm install react-nativ
    e-viewpager --save
    
    npm WARN addRemoteGit Error: Command failed: git -c core.longpaths=true config -
    -get remote.origin.url
    npm WARN addRemoteGit
    npm WARN addRemoteGit     at ChildProcess.exithandler (child_process.js:211:12)
    npm WARN addRemoteGit     at emitTwo (events.js:106:13)
    npm WARN addRemoteGit     at ChildProcess.emit (events.js:191:7)
    npm WARN addRemoteGit     at maybeClose (internal/child_process.js:885:16)
    npm WARN addRemoteGit     at Socket. (internal/child_process.js:334:1
    1)
    npm WARN addRemoteGit     at emitOne (events.js:96:13)
    npm WARN addRemoteGit     at Socket.emit (events.js:188:7)
    npm WARN addRemoteGit     at Pipe._handle.close [as _onclose] (net.js:501:12)
    npm WARN addRemoteGit  git://github.com/lipeiwei-szu/react-native-viewpager.git
    resetting remote C:\Users\yuepai\AppData\Roaming\npm-cache\_git-remotes\git-gith
    ub-com-lipeiwei-szu-react-native-viewpager-git-a8d9ef93 because of error: { Erro
    r: Command failed: git -c core.longpaths=true config --get remote.origin.url
    npm WARN addRemoteGit
    npm WARN addRemoteGit     at ChildProcess.exithandler (child_process.js:211:12)
    npm WARN addRemoteGit     at emitTwo (events.js:106:13)
    npm WARN addRemoteGit     at ChildProcess.emit (events.js:191:7)
    npm WARN addRemoteGit     at maybeClose (internal/child_process.js:885:16)
    npm WARN addRemoteGit     at Socket. (internal/child_process.js:334:1
    1)
    npm WARN addRemoteGit     at emitOne (events.js:96:13)
    npm WARN addRemoteGit     at Socket.emit (events.js:188:7)
    npm WARN addRemoteGit     at Pipe._handle.close [as _onclose] (net.js:501:12)
    npm WARN addRemoteGit   killed: false,
    npm WARN addRemoteGit   code: 1,
    npm WARN addRemoteGit   signal: null,
    npm WARN addRemoteGit   cmd: 'git -c core.longpaths=true config --get remote.ori
    gin.url' }
    npm ERR! Windows_NT 6.1.7601
    npm ERR! argv "D:\\Program Files (x86)\\nodejs\\node.exe" "D:\\Program Files (x8
    6)\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install" "react-native-viewpage
    r" "--save"
    npm ERR! node v7.3.0
    npm ERR! npm  v3.10.10
    npm ERR! path D:\AndroidTools\ReactNativeProject\ReactNativeOne-master\node_modu
    les\.staging\react-native-viewpager-05999a08
    npm ERR! code EPERM
    npm ERR! errno -4048
    ```
    解决方法:
    从网上搜索到一个解决方法,是因为npm缓存目录去缓存了个 _git-remotes 目录,删除再继续执行install即可
    Windows路径:C:\Users\yuepai\AppData\Roaming\npm-cache\_git-remotes
    
    如果没有设置git代理 可能还是无法下载成功
    
    设置代理
    在Git窗口中输入如下命令
    ```
    git config --global https.proxy http://127.0.0.1:1080
    git config --global https.proxy https://127.0.0.1:1080
    ```
    取消代理
    ```
    git config --global --unset http.proxy
    git config --global --unset https.proxy
    ```
    再次执行命令npm install react-native-viewpager --save,出现如下信息提示就说明添加成功了。
    ![这里写图片描述](https://img-blog.csdn.net/20170106124400150?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMTE5NzA4MQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
    展开全文
  • 为什么写这篇文章,因为很多时候我们是需要在原Android工程中添加ReactNative,而不是直接react-native init hello来创建工程,而且官网的说明不是很详细,不是完全针对安卓的,所以本文的必要性不言而喻。...
  • react-native使用第三方以及引入react-native-elements 1.首先需要下载依赖包到本地 cd /project yarn add react-native-elements # or with npm npm install react-native-elements 2.引入react-native-...
  • 1.项目的缺少js 2. 导入js 2.1 导入js 1. 鼠标移到缺少的js,显示:...3. 选择“Install ‘react-native-swiper’ ”,开始安装 2.2 使用npm安装js npm install --save react-native-swiper  ...
  • 使用pod引入ReactNative 2018-08-29 16:06:46
    pod 'pod4ReactNative','~>0.55.4' 包的是RN 0.55.4版本的,iOS可以直接引用该pod做开发,不再需要使用npm引入RN。 git:https://github.com/zramals/pod4ReactNative 一、什么情况下使用...
  • react native引入第三方 2018-03-28 10:38:12
    1:进入项目的根目录(即package.json所在目录),输入命令:yarn add react-navigation 或者 npm install - -save react-navigation2:执行react-native run-android 或者react-native run-ios...
  • 个人意见:集成第三方最好不要制定固定的版本,因为可能会和你的react native版本不相符,导致报错!!! 这篇文章主要记录一些 react-native-image-crop-picker 和 react-native-image-zoom...
  • 为什么写这篇文章,因为很多时候我们是需要在原Android工程中添加ReactNative,而不是直接react-native init hello来创建工程,而且官网的说明不是很详细,不是完全针对安卓的,所以本文的必要性不言而喻。...
  • reactNative 引用图标 2019-09-24 14:54:44
    1:npm install --save react-native-vector-icons 2:react-native link react-native-vector-icons 3: import Icon from “react-native-vector-icons/Ionicons”;
  • react native 自定义组件以及引用在react native 里最重要的一个概念就是组件化,一个完整的项目就是由一个又一个的组件搭配组合起来的,你可以引用GitHub上面的第三方组件,也可以自定义组件,现在先讲一下自定义...
  • react native rsa加密 2018-11-14 11:07:21
    react native rsa加密 最近用react native开发客户端,项目采用RSA非对称加密(项目负责人说银行都采用RSA加密咱也用)。尝试了好多,都有各种不同问题(node-rsa(可能是"react-native": "0.57.4&...
  • React Native 包体积优化实践
  • reactnative学习相关笔记 2018-04-26 16:45:56
    已有项目中安装react native的步骤1,通过package.json查看 react native 版本号 "dependencies": { "react": "16.0.0-alpha.6", "react-native": "^0.44.3", ...
  • react native svg为ios和android上的react native提供svg支持,并为web提供兼容层。
  • React Native发布重构路线图 2018-11-03 09:55:10
    React Native作为时下最热门的跨平台开发方案,在这两年的移动跨平台方案中可谓一枝独秀,在很多的移动产品中都可以看到它们的影子,相比国内的Weex,RN的迭代更加频繁,性能上也无限的接近原生应用。不过,RN从性能...
  • 总第357篇2019年 第35篇2018年,我们开源了React Native组件——React Native组件继续优化,实现beeshell 2.0升级,开源38...
  • 讲诉一下进入Navigator的那些错误。 当要引入Navigator的使用通常的...当我们进行执行react native 程序的时候 告知我们 该组件已经不存在 : 'Navigator is deprecated and has been removed from this package. It c
  • 浅析React Native的优劣 2019-03-06 07:03:30
    关于React Native React Native 是 FaceBook 2015 年开源的基于React 的 javascript 框架,旨在使用javascript高效开发手机端应用。 目前它在github上已经拥有59000+ 的Star 和 13000+ 的Fork,可见其受追捧的程度。...
  • 前面我介绍过几个常用的内置组件的使用方法,对于一些较为复杂的需求可能需要写自定义组件来满足,但是有些时候第三方的组件可以完美的满足相应的需求,没必要自己去实现一套,这时我们不妨利用现有的轮子,方便...
  • 在0.44版本之前,开发者可以直接使用官方提供的Navigator组件来实现页面的跳转,不过从0.44版本开始,Navigator被官方从react native的核心组件中剥离出来,放到react-native-deprecated-custom-components的模块...
1 2 3 4 5 ... 20
收藏数 6,443
精华内容 2,577