集成react-native-image-crop-picker遇到的问题

最新推荐文章于 2022-09-19 11:41:28 发布
最新推荐文章于 2022-09-19 11:41:28 发布
阅读量815 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： react-native
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_34823218/article/details/118091992
在集成react-native-image-crop-picker@0.24.0时遇到了多个问题，包括implementation错误、找不到com.github.yalantis:ucrop:2.2.2-native、PickerViewPackage缺失以及组件返回数据获取为undefined。通过修改gradle文件，如将compile改为implementation，添加maven仓库，更新组件版本以及手动添加package等步骤解决了这些问题。参考了npm文档和优快云博客完成集成。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

因为一个相册选择图片的东西要多选，选了这个组件

react-native 0.48

react-native-image-crop-picker@0.24.0

因为react-native-image-crop-picker0.25及以上只支持react-native0.60及以上

然后

（1）先安装react-native-image-crop-picker
$ npm install react-native-image-crop-picker --save
（2）在项目中集成react-native-image-crop-picker
$ react-native link react-native-image-crop-picker
 

1.一些implementation的问题

这是gradle版本的问题，我这边用的是2.14.1

所以在.../node_mudiles/react-native-image-crop-picker/android/build.gradle里面，我改成了compile

 

2.Could not find com.github.yalantis:ucrop:2.2.2-native

解决方案

①按照npm上的文档把所有该弄得都弄了

allprojects里面加上maven { url "https://jitpack.io" }

文档地址如下

最低0.47元/天 解锁文章

200万优质内容无限畅学
【报错问题】使用 react-native-image-picker 报错Caused by org.gradle.api.internal.artifa
窝窝头的博客
05-22 936
目录： 版本说明 报错内容 解决办法 一、版本说明 本机系统： Mac react: "16.8.3" react-native: "0.59.9" react-native-image-picker: "0.27.0" node: 12.16.2 # node -v npm: 6.14.4 # npm -v 二、运行项目时，使用了 react-native-image-picker 插件后，构建安卓环境，报以下错误 Caused by: org.gradle.api.in
React-Native 中使用 react-native-image-crop-picker 在华为手机上不能正常使用拍照功能
最新发布
又是再见?
09-23 989
React-Native 0.66 中使用 react-native-image-crop-picker 在安卓 华为手机上不能正常使用拍照功能, 其他品牌正常
引入 - react-native-image-crop-picker Pod install报错跟原来冲突
我家猫叫佩奇の博客
04-25 495
如果已存在就注释掉 # pod 'yoga', path: "#{rn_path}/ReactCommon/yoga/yoga.podspec" # pod 'React', path: rn_path, subspecs: [ # 'Core', # 'RCTActionSheet', # 'RCTAnimation', # 'RCTGeolocation', # ...
React Native开源库react-native-image-crop-picker使用图解
热门推荐
大灰狼的小绵羊哥哥的博客
07-11 1万+
一、开源库介绍 目前大多数App都有头像展示的功能，在实际开发中，用户更换头像的需求屡见不鲜，社交方面的更为明显。在React Native的开发下，同样需要这样的功能来完善App需求。众多优秀的开源库让我们在自己的项目中使用起来非常方便。例如：react-native-image-picker。该库可以实现启动本地相册和照相机来采集图片，但是作者没有实现裁剪功能，针对头像上传的
react-native-image-crop-picker 相关问题
weixin_34175509的博客
06-20 433
先看下成功后的效果图吧： image.png 问题1： 在引入这个组件的时候，运行在真机上 运行不了，报这个错误 image.png 网上找了答案 是要添加动态 报 ，然后试了试加了下 image.png image.png 并没有什么用。。。。。然后试了下把...
解决react-native-image-picker从图库选择照片时上传不了
lx159357qqq的博客
09-19 339
解决react-native-image-picker从图库选择照片时上传不了的问题
Android-react-native-image-crop-picker.zip
09-17
Android-react-native-image-crop-picker.zip,iOS/Android图像选择器，支持相机、视频、可配置压缩、多个图像和裁剪,安卓系统是谷歌在2008年设计和制造的。操作系统主要写在爪哇，C和C 的核心组件。它是在linux内核...
react-native-image-picker 的使用方法demo
08-17
`react-native-image-picker` 是一个流行的React Native库，用于在iOS和Android应用中集成图像选择功能，包括从相册选择图片、拍摄照片或录制视频。在这个项目中，我们将深入探讨如何使用`react-native-image-picker...
React-Native图片剪裁react-native-image-crop-picker
AnitaSun的博客
03-30 1113
使用 react-native-image-crop-picker 图片裁切组件 安装 yarn add react-native-image-crop-picker 使用 import ImagePicker from 'react-native-image-crop-picker'; const image = await ImagePicker.openPicker({ // 选择完图片之后将要被裁剪的宽和高 width: 300, height: 400, //
react-native-image-crop-picker
tengyuxin的博客
01-16 3304
前言：为了满足app上传头像的需求，要从相册里取出一张图片然后进行裁剪，最后上传。 一、安装 yarn add react-native-image-crop-picker 运行项目时，检查一下/android/build.gradle 文件，查看gradle版本，如果运行报错：nexpected element ＜queries＞ found in ＜manifest＞，就要升级gradle dependencies { //3.5.3是不行的可以一直升级到4.2.2 ，
react-native-image-crop-picker 踩坑
weixin_37178391的博客
03-05 500
在link react-native-image-crop-picker之后，还需要 将自己项目和react-native-image-crop-picker里面的buildToolsVersion和compileSdkVersion改为一致， 添加 dexOptions { jumboMode true }
React Native Image Picker爬坑记
未金涛的博客
03-12 490
React Native Image Picker 简介 这是要给用于选择手机上的图片或视频的组件 使用过程中可能会遇到的问题 1、报错 提示 image-picker 和 sdk 版本问题 ，可以打开你项目下android/app/src/main/AndroidManifest.xml文件添加以下两行代码： xmlns:tools="http://schemas.android.com/tools" <uses-sdk tools:overrideLibrary="com.imagepick
react-native-image-crop-picker使用
Senvid的博客
03-12 1248
《安卓环境配置》 react-native-image-crop-picker最新版本 1.安装安卓SDK，版本27+，build-tools 版本27+（必须） 2.在android／build.gradle中添加 allprojects { repositories { mavenLocal() jcenter() maven...
react-native-image-crop-picker 使用
weixin_33816300的博客
06-15 276
2019独角兽企业重金招聘Python工程师标准>>> ...
React-Native开发：react-native-image-crop-picker图片上传组件的使用（安卓）
little_blue_ljy的博客
04-01 2718
1、根据官网提供的步骤进行相应的设置 （1）npm i react-native-image-crop-picker --save （2）react-native link react-native-image-crop-picker这里命令窗很不幸地始终没什么动静（除了几行字） （3）Make sure you are using Gradle 2.2.x (android/build.g...
图片和视频的上传选择 react-native-image-crop-picker
界之边缘的轮回
08-22 1790
react-native-image-crop-picker 用于选取手机中的图片或视频，返回在手机中的存储位置等信息。
Error:Failed to resolve: com.github.yalantis:ucrop:2.2.2-native
qq_38719039的博客
06-12 6239
A problem occurred configuring project ':app'.&gt; Could not resolve all dependencies for configuration ':app:_debugApk'.   &gt; A problem occurred configuring project ':react-native-image-crop-picker...
RN vivo访问相册失败 warning : User cancelled image selection
weixin_46637643的博客
07-21 1062
warning : User cancelled image selection
React Native组件只Image
大灰狼的小绵羊哥哥的博客
12-12 1230
不管在Android还是在iOS原生的开发中，图片都是作为控件给出来的，在RN中也有这么一个控件（Image）。根据官网的资料，图片分为本地静态图片，网络图片和混合app资源。一下分类介绍来源官网。 静态图片资源 从0.14版本开始，React Native提供了一个统一的方式来管理iOS和Android应用中的图片。要往App中添加一个静态图片，只需把图片文件放在代码文件夹中某处，然
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值