React Native Image Picker Tutorial | Pick from Camera, Gallery | Crop Photo

  Рет қаралды 126,551

Pradip Debnath

Pradip Debnath

Күн бұрын

Пікірлер: 143
@afraaalobaid8256
@afraaalobaid8256 3 жыл бұрын
Underrated channel, very clear and non-lengthy explanation step by step. Thank you very much for taking the time to make such content free.
@DineshKumar-mc6od
@DineshKumar-mc6od 4 жыл бұрын
Your tutorial is straight to the point, Love it
@itzpradip
@itzpradip 4 жыл бұрын
Glad you liked it!
@ajith1vrg
@ajith1vrg 3 жыл бұрын
Your tutorials are precise and worth spending time on it. Keep up the good work. Thanks
@tenorgames
@tenorgames 3 жыл бұрын
Love this! Concise and valuable.
@philipphahmann5971
@philipphahmann5971 3 жыл бұрын
I really like your tutorials, its very good!! It helps me a LOT !!!
@pranavkul525
@pranavkul525 3 жыл бұрын
You are doing a wonderful work! Keep it up!
@flykeymikey4106
@flykeymikey4106 4 жыл бұрын
AMAZING TUTORIAL, I LOVE THIS GUY!! ;) GOD BLESS!
@itzpradip
@itzpradip 4 жыл бұрын
Glad it helped!
@malikali3426
@malikali3426 3 жыл бұрын
Sir i am getting an error in image picker.Kindly help TypeError: null is not an object (evaluating '_reactNativeImageCropPicker.default.openCamera')
@bikramkarmakar6482
@bikramkarmakar6482 3 жыл бұрын
@@malikali3426 Same Problame
@patcheslapp660
@patcheslapp660 4 жыл бұрын
you save my life dude thanks a lot
@felipemelendez5741
@felipemelendez5741 2 жыл бұрын
Thank you, you're an excellent instructor =)
@soudouglas
@soudouglas 2 жыл бұрын
Very nice! Thanks for the video
@deepanshmakkar5118
@deepanshmakkar5118 4 жыл бұрын
Thanks a lot Sir you are always a life-saver
@itzpradip
@itzpradip 4 жыл бұрын
Happy to help
@osamagamal495
@osamagamal495 4 жыл бұрын
You're doing great job man.
@itzpradip
@itzpradip 4 жыл бұрын
Thanks, you too!
@adityabhandari6688
@adityabhandari6688 2 жыл бұрын
good job! loved this tutorial!
@ranjankumarsahu589
@ranjankumarsahu589 4 жыл бұрын
Thank you so much for such useful content.
@0007Javascript
@0007Javascript 3 жыл бұрын
very Helpful content Thanks
@shebeeradimaly6125
@shebeeradimaly6125 2 жыл бұрын
thanks ..bro ...very helpful
@rhuzaifa
@rhuzaifa 3 жыл бұрын
Love your tuts. I wanted to ask is this package updated or is maintained?
@andrewndotela7407
@andrewndotela7407 2 жыл бұрын
Okey smart kid, you have my vote
@Dark23144
@Dark23144 4 жыл бұрын
I liked it before watching 🥰
@obentabiayuk4780
@obentabiayuk4780 4 жыл бұрын
I Liked it even before watching. Thank you for this... Please keep up
@itzpradip
@itzpradip 4 жыл бұрын
So nice of you
@malikali3426
@malikali3426 3 жыл бұрын
Sir i am getting an error in image picker.Kindly help TypeError: null is not an object (evaluating '_reactNativeImageCropPicker.default.openCamera')
@zillboy
@zillboy 3 жыл бұрын
Thanks 🎉😊🙋🏻‍♂️
@vijaysahani7343
@vijaysahani7343 3 жыл бұрын
Awesome work did..!!.
@qasimmughal3966
@qasimmughal3966 4 жыл бұрын
this boy have awesome videos , keep it up
@itzpradip
@itzpradip 4 жыл бұрын
Thank you, I will
@malikali3426
@malikali3426 3 жыл бұрын
Sir i am getting an error in image picker.Kindly help TypeError: null is not an object (evaluating '_reactNativeImageCropPicker.default.openCamera')
@lionelrynjah8021
@lionelrynjah8021 3 жыл бұрын
Same here buddy , have you found a solution? Please help me too.
@kartikguleria465
@kartikguleria465 2 жыл бұрын
@@lionelrynjah8021 did you got the solution
@MrOwenjames24
@MrOwenjames24 2 жыл бұрын
@@kartikguleria465 have you found a solution?
@mohamedyoussef8835
@mohamedyoussef8835 2 жыл бұрын
Awesome Explanation ++++++++++++++++++++++++++ Thank you
@nmrtns
@nmrtns 4 жыл бұрын
Great tutorial. Does this work for expo?
@nileshnilu7902
@nileshnilu7902 3 жыл бұрын
Superb😊😊😊
@shubhasismahata4726
@shubhasismahata4726 4 жыл бұрын
You are great sir
@upospos
@upospos 4 жыл бұрын
thank you. very much
@ahmedalsawy7756
@ahmedalsawy7756 3 жыл бұрын
Thank you bro
@atakanpasal4436
@atakanpasal4436 Жыл бұрын
You said your upcoming tutorials will be about storing data but I cannot find it :((
@kuldipmakwana2173
@kuldipmakwana2173 4 жыл бұрын
What if we install react using expo, in that this folders are not there
@Mayanksingh-qp6dy
@Mayanksingh-qp6dy 3 жыл бұрын
Eject from expo
@sandeshbirwadkar2384
@sandeshbirwadkar2384 4 жыл бұрын
Great tutorials!
@itzpradip
@itzpradip 4 жыл бұрын
Glad you like them!
@vishuPhotoworks
@vishuPhotoworks Ай бұрын
when crop is open then i cant set the min height and min width for cropping area. My issue is when i take photo and object is away from me so i can zoom and crop area set but one time crop area i cant change it so how can i do for this bug resolve?
@syrian167
@syrian167 3 жыл бұрын
thank you a lot
@felixmilome
@felixmilome 2 жыл бұрын
Does this work on Expo
@tuann2507
@tuann2507 4 жыл бұрын
thank you, Hope next video will show how to update drawer image when new profile avatar uploaded
@itzpradip
@itzpradip 4 жыл бұрын
you can do that by using context api & useReducer hook of react native to implement global state. Check my authentication tutorial in react navigation 5 tutorial series
@tuann2507
@tuann2507 4 жыл бұрын
@@itzpradip cheers. I'll have a look abt that
@arjungoalset8442
@arjungoalset8442 4 жыл бұрын
Thanks for such great content. Just curious, when are you dropping the next tutorial? Looking forward to it.
@coltonhugh7208
@coltonhugh7208 3 жыл бұрын
i know Im pretty off topic but do anyone know of a good website to watch new movies online?
@santiagoedwin7343
@santiagoedwin7343 3 жыл бұрын
@Colton Hugh Flixportal :)
@coltonhugh7208
@coltonhugh7208 3 жыл бұрын
@Santiago Edwin Thanks, I went there and it seems like a nice service :) I really appreciate it!!
@santiagoedwin7343
@santiagoedwin7343 3 жыл бұрын
@Colton Hugh no problem :)
@ibrasonko3907
@ibrasonko3907 3 жыл бұрын
thanks are awesome ..!
@faridrabahi6740
@faridrabahi6740 Жыл бұрын
does react native image crop picker package works with expo project?
@ahava884
@ahava884 3 жыл бұрын
Can I do this function in expo ?
@daniyal_khannn
@daniyal_khannn 4 жыл бұрын
Thanks alot bro !!!!!!!
@me-ibad
@me-ibad 4 жыл бұрын
TypeError: null is not an object (evaluating '_reactNativeImageCropPicker.default.openPicker') error solution plz
@decordelights_
@decordelights_ 4 жыл бұрын
its so annoying I got it too
@chisomoguibe8467
@chisomoguibe8467 4 жыл бұрын
Same for me and no solutions online seem to work...I get a similar error with expo's ImagePicker package too :(
@riyah8513
@riyah8513 4 жыл бұрын
Need solution for this.any body solved this issue?
@ammarahsiddiqua
@ammarahsiddiqua 3 жыл бұрын
Is there a property to turn on flash in the camera
@SACKO0731
@SACKO0731 2 жыл бұрын
@Pradip Debnath, how to do you save that image in a local storage so next time refreshing or loading it'll just be there?
@riyah8513
@riyah8513 4 жыл бұрын
TypeError: null is not an object (evaluating '_reactNative Image Crop Picker.default.openPicker')#ip=1 I am getting this error.when clicking button that opens camera.. How to solve.please help
@jaychaturvedi7433
@jaychaturvedi7433 3 жыл бұрын
found any solution bro then please share
@riyah8513
@riyah8513 3 жыл бұрын
@@jaychaturvedi7433 changed the Gradle version.it works fine now
@MouaQ44
@MouaQ44 4 жыл бұрын
Great tutorial. Please could you create SignUpScreen With firebase and display data in profileScreen on react native.
@itzpradip
@itzpradip 4 жыл бұрын
Thanks for your suggestion. Definitely I'll try to do it in future.
@RavindraKumar-mn4jk
@RavindraKumar-mn4jk 4 жыл бұрын
Asset images are not showing sometime when we reopen application. I had used require statement as per the React Native documentation. After clear data we show those images .Can you suggest me how to load these asset images so I can handle this issue.
@blacksheep_10
@blacksheep_10 3 жыл бұрын
Hi, do you have to add the string keys if youre already coding for an ios app in VScode? I dont have a folder for those to go in
@kartikguleria465
@kartikguleria465 2 жыл бұрын
Go to ios folder and then info.plist or go to xcode and then add it in info.plist file
@millwoodfurnace2739
@millwoodfurnace2739 3 жыл бұрын
Great! It worked!!!!
@junaid-sm
@junaid-sm 2 жыл бұрын
Hi bro, on my android device nothing works, I mean camera is not working and gallery is not opening , even I have allowed all permissions from system, No error but nothing happens.
@sachindobal3273
@sachindobal3273 3 жыл бұрын
Hey can you provide the authentication credentials so we can have a look it on local Thanks
@ranjankumarsahu589
@ranjankumarsahu589 4 жыл бұрын
Thanks Pradip Sir, I need a functionality to upload image and some text to server, but if there is no internet connection store this data to local and upload it when internet active. Can you please help me with this. I am new to React... Following your tutorials to learn .
@edimarfsatumbo5675
@edimarfsatumbo5675 4 жыл бұрын
Thank you so much
@oguzhan2393
@oguzhan2393 3 жыл бұрын
thanks. But I couldn't find how can I add variable inside ImageBackground "require". It does not allow to add varible inside require(image). Not from uri from .png
@jogre900
@jogre900 4 жыл бұрын
it work with expo?
@adityakaveri9810
@adityakaveri9810 4 жыл бұрын
Sir , your videos are very useful to us in our project. Thanks . I have an error. My application runs properly for the first time.....but for second time it gives me error "TypeError: undefined is not an object (evaluating '_this.bs')" ....Sir, how to solve this error ...plz help me
@riyah8513
@riyah8513 4 жыл бұрын
Did you solved this issue?do u have a solution?
@MrOwenjames24
@MrOwenjames24 2 жыл бұрын
I have the same error did you ever resolve this?
@valdeirchaves7600
@valdeirchaves7600 4 жыл бұрын
Helloo, how are you? I like your tutorial very much. But I'm having a problem in android, when I choose a photo or take from the camera my app restarts, what I can do? Thanks!!!
@valdeirchaves7600
@valdeirchaves7600 4 жыл бұрын
someone to help-me?
@sulemanali8542
@sulemanali8542 4 жыл бұрын
nice video make more videos on react native
@itzpradip
@itzpradip 4 жыл бұрын
Sure I will
@bandararo285
@bandararo285 2 жыл бұрын
this turorial only for android mobile?. but react native support both ios andf android. so why can't you develop for both os?
@iliyalyan8937
@iliyalyan8937 3 жыл бұрын
how to send it with axios tho? thanks!
@immanueldiaz5710
@immanueldiaz5710 4 жыл бұрын
Amazing man!!
@itzpradip
@itzpradip 4 жыл бұрын
Thanks!!
@sunilkumarmaurya4562
@sunilkumarmaurya4562 3 жыл бұрын
can u plz add functionality when user click don't allow(permission)..
@juridiener9790
@juridiener9790 4 жыл бұрын
Hey Pradip, you have really cool tutorials i woul say on of the best, because ist show the common Problems and solutions if you are build an app. I have a question in my Project there are no folders like ios and android? I started my project with expo. Can you help me out
@NewToneMusicOfficial
@NewToneMusicOfficial 3 жыл бұрын
did you find the solution?
@juridiener5942
@juridiener5942 3 жыл бұрын
@@NewToneMusicOfficial unfortunately no
@RowdyCoders
@RowdyCoders 4 жыл бұрын
I am building Contacts app with the photo, name, phone number of the contact...does this video work for uploading contacts photo and display this photo Avatar in my contacts list...?
@rahulmore9648
@rahulmore9648 4 жыл бұрын
Sir... Can you authenticate Sign Signup using firebase!! Great Tutorial..
@itzpradip
@itzpradip 4 жыл бұрын
will do that soon
@ashishsharma9000
@ashishsharma9000 4 жыл бұрын
did you fix the issue in android 10?, app crash after click it try this in redmi phone
@surendrawagle1896
@surendrawagle1896 4 жыл бұрын
Hello Pradip, Can you please make a video on react native audio player, video player, video chat etc ?
@jamalwebdevelopment4841
@jamalwebdevelopment4841 2 жыл бұрын
hello sir, because of image picker my app in being crashed by android OS after taking picture, it has android version greater than 10. Do you know how to solve this crashing issue.
@antonitescaro2728
@antonitescaro2728 4 жыл бұрын
if I try to do this: bs = React.createRef(); fall = new Animated.Value(1); I get errors saying the variables doesn't exist, and if I put "const" before it works but I have to change the syntax to not use the "this", but if I do that I get a bunch of unhandled promises =(
@nationgreat
@nationgreat 4 жыл бұрын
Yeah i get same issue
@tushar09nov
@tushar09nov 4 жыл бұрын
TypeError: null is not an object (evaluating '_reactNativeImageCropPicker.default.openPicker') getting this error what to do?
@jaychaturvedi7433
@jaychaturvedi7433 3 жыл бұрын
i'm also facing same problem bro @Pradip sir help
@fearguspowers238
@fearguspowers238 3 жыл бұрын
same as me
@jesusochoa6616
@jesusochoa6616 3 жыл бұрын
Guys if you are getting an error after install the package react-native-image-crop-picker , after you configure like the video have to change your (android/build.gradle) classpath 'com.android.tools.build:gradle:4.0.1'
@premdasv8
@premdasv8 4 жыл бұрын
Can you do a video on using Context API & Hooks Also Some local DB, like Realm or Watermelon.?
@itzpradip
@itzpradip 4 жыл бұрын
Thanks for your suggestion. I'll try
@testuser6773
@testuser6773 4 жыл бұрын
in samsung s8 the image is showing as mirror image after picking it from camera. any solution?
@heypbolon1941
@heypbolon1941 3 жыл бұрын
I cant do pod install, im on windows what should i do?
@Mayanksingh-qp6dy
@Mayanksingh-qp6dy 3 жыл бұрын
U need a mac
@tommydannybruv
@tommydannybruv 4 жыл бұрын
Will this work for expo?
@safeerahmadsafeerahmad5847
@safeerahmadsafeerahmad5847 3 жыл бұрын
expo has its own image picker
@simonyanky2528
@simonyanky2528 4 жыл бұрын
can u plz make a video on how to save it cloudinary then save the link to mongodb?itz not working.
@5minutes807
@5minutes807 4 жыл бұрын
Sir iam getting error when I insert react-native-crop-image-picker
@antonitescaro2728
@antonitescaro2728 4 жыл бұрын
I'm trying to implement this on the avatar picture on the drawer content but the bottom sheet is transparent so you can click the buttons behind and also the width only takes the size of the drawer, not the full width of the screen... anyone to help out a noob?
@jksj7325
@jksj7325 4 жыл бұрын
I could not run pod install because I'm using vscode on Window. Besides, Im using Expo
@AnnieShark
@AnnieShark 2 жыл бұрын
can anyone tell me how to view complete source code of this video from github?
@vinodhm8452
@vinodhm8452 4 жыл бұрын
waiting for the next tutorial....
@itzpradip
@itzpradip 4 жыл бұрын
Check the playlist many videos are already added to this playlist after this video.
@vinodhm8452
@vinodhm8452 4 жыл бұрын
Thanks for replying to my comment , At the end of the video u mentioned that in future videos ur trying to upload the image to server ,is any there any tutorial related to that ,if there please share the link. I tried to send base64 image data to server but it get error , or some other ways?
@kamleshprajapati6621
@kamleshprajapati6621 4 жыл бұрын
How to store image in specific folder using image picker? Please make video..🙏🙏🇮🇳
@zaidmohammad3826
@zaidmohammad3826 4 жыл бұрын
Great explanation... I cant build my app on ios after installing this package. It works perfectly fine on android. Any suggestions?
@kartikguleria465
@kartikguleria465 2 жыл бұрын
pod install
@ngotrongphuc99
@ngotrongphuc99 3 жыл бұрын
i got an errror Cannot read property 'openPicker' of undefined,i'm sure that i've completed all the setup guide
@prathamvaghela99
@prathamvaghela99 Жыл бұрын
I got the same error in my expo app did you find any solution pls share
@amit0307-t5u
@amit0307-t5u 4 ай бұрын
not working on a non mc computers,and u didnt show a solution for it.
@AbrarKhan-c4d9e
@AbrarKhan-c4d9e 2 ай бұрын
0:17 bottom shit?
@ajmalhasan9759
@ajmalhasan9759 4 жыл бұрын
Kindly make tutorial on sqlite and redux saga...
@itzpradip
@itzpradip 4 жыл бұрын
thanks for your suggestion
@ouattarasiaka8532
@ouattarasiaka8532 4 жыл бұрын
Good goooooooooooooooood
@yeilmusic
@yeilmusic 4 жыл бұрын
use react native jjkit . Photokit
@muhammadusman4593
@muhammadusman4593 3 жыл бұрын
hi everyone, I need some help. Can anyone familiar with react-native cli camera / image picker. I just need to access my camera and take both front and back images at the same time. It's urgent I just want to clear my university project where the requirement is this one.
@shingoitech3160
@shingoitech3160 3 жыл бұрын
TypeError: null is not an object (evaluating 'ImageCropPicker.openPicker') TypeError: undefined is not an object (evaluating '_$$_REQUIRE(_dependencyMap[2], "react-native-image-crop-picker").ImagePicker')
@kartikguleria465
@kartikguleria465 2 жыл бұрын
same, did you find the solution ?
@pratikgadge6388
@pratikgadge6388 3 жыл бұрын
sir when reload this from node bundler then it's showing previous img which is seted in useState
React Native Swipe To Delete Tutorial
26:57
Pradip Debnath
Рет қаралды 45 М.
React Native Crash Course
51:28
Traversy Media
Рет қаралды 701 М.
Quando A Diferença De Altura É Muito Grande 😲😂
00:12
Mari Maria
Рет қаралды 45 МЛН
Enceinte et en Bazard: Les Chroniques du Nettoyage ! 🚽✨
00:21
Two More French
Рет қаралды 42 МЛН
How to treat Acne💉
00:31
ISSEI / いっせい
Рет қаралды 108 МЛН
Мен атып көрмегенмін ! | Qalam | 5 серия
25:41
Image Upload in React Native | Expo App
9:24
ToThePointCode
Рет қаралды 37 М.
React Native Firebase Storage Tutorial for Storing Photos
20:10
Pradip Debnath
Рет қаралды 48 М.
React Native image picker for Android | Camera and Gallery
13:34
Mobile-Magic-Hub
Рет қаралды 1,9 М.
3 React Native Tips for Header for Better User Experience
10:36
Pradip Debnath
Рет қаралды 302
Onboarding tutorial for React Native - Animated Carousel #1
5:27
DesignIntoCode
Рет қаралды 133 М.
React Native Local Push Notifications Tutorial
10:14
Adrian Twarog
Рет қаралды 131 М.
Quando A Diferença De Altura É Muito Grande 😲😂
00:12
Mari Maria
Рет қаралды 45 МЛН