I am trying to grow my channel, so if you find this video useful, #subscribe & hitting the #bell :) Thanks for watching and hope you liked and learnt something new!
I am curious if anyone has tips for styling this component to make it a bit more attractive similar the Expo app and their QR code scanning where there is virtual apertur ? Please. github.com/expo/expo/issues/8124#issue-611204882
@@AdrianTwarog Permissions_path = '../node_modules/react-native-permissions/ios' pod 'Permission-Camera', :path => '#{permissions_path}/Camera.podspec' Of course, I put two lines in the pod, and I also put the pod install, but the error is not resolved.
Hello, I want to send the value of qr code to a post Api and display details on next screen. Can you please tell me if I could use react-native navigation or should I use something else?
Amazing tutorial. The value scan qr is data in console. How if l want modify data value for call detail item in database with api. So, when l scan qr code ,show details item in UI. Pls help🙏 Thanks
Thank you for sharing you knowleges ! Thanks a lot brother! You are making great job! You a so fast, even sometimes you are too fast ! I meen there was a troubles that you skip fast, even need to slow mo)))))ahahah Sorry , I gess I need become faster)))
I'm doing a personal project of barcode reading, not Qr, in case I am using barCode from react native, I already have the part of getting the barcode data, now I just need to send that data to another window, you can? help me, friend
Hello , thank you for video . I installed all of the packages but i recieved "Camera not authorized" error . I really wonder why. Can you please answer my question ?I've tried all the solutions. S.O.S HELP :)
@@AdrianTwarog Thanks Adrian. Just finished your tutorial. Everything worked as expected. Will you be upload it a part 2 for this video? For example, a list view that shows the history of the codes scanned, etc.
nope, when using expo, there are missing files in the IOS directory with permissions, i cant run pod because im using visual studio code, no idea yet how to fix
@@lukslda1 So after doing research... you can NOT use this QRScanner for react native expo, you can only use it for react native. Since expo is only for small things and react native for everything else, i decided to switch from expo to react native by starting a whole new project and copy paste the old files, also importing the old modules. What i tried was: Make a virtual machine on macOS, try to download xcode, run pod install there after cloning the code ... but i couldnt download xcode since the virtual machine had not his newest version and i couldnt update it because it always threw me an error in the download and sometimes after the download, so i couldnt download xcode there and wasted like a whole day for this stuff.. now i am at setting up a new project, just react native, not expo. you can decide at the start of the download what you wanna do. heres the link: reactnative.dev/docs/environment-setup So right now i setted up a new project, made a bitbucket repository so sourcetree can follow my files and now i copy pasted my whole code from the old expo project which i ejected (but still got the pod install error..) and NOW right now... i am having difficulties streaming my emulator since it gives me an error that he could not find my android sdk emulator... still gotta fix that. I just hope after i get this emulator thing fixed i will be able to insert the QR Scanner
if you have problem with Android(Could not resolve project :react-native-camera. on Android( github.com/react-native-community/react-native-camera/issues/2150#issuecomment-476011915
I am trying to grow my channel, so if you find this video useful, #subscribe & hitting the #bell :) Thanks for watching and hope you liked and learnt something new!
I am curious if anyone has tips for styling this component to make it a bit more attractive similar the Expo app and their QR code scanning where there is virtual apertur ? Please.
github.com/expo/expo/issues/8124#issue-611204882
Nice Adrian, keep it up....please make a small demo app shopping cart or booking reservation.
Thanks for the idea!
Hello! What a great tutorial!
I have a question while watching the video.
How did you solve the error at 10:30?
I added those two lines into pots from 10:30 that you see in github issues. Then re-ran the pod installs.
@@AdrianTwarog Permissions_path = '../node_modules/react-native-permissions/ios'
pod 'Permission-Camera', :path => '#{permissions_path}/Camera.podspec'
Of course, I put two lines in the pod, and I also put the pod install, but the error is not resolved.
How did you use your phone as the camera for the iOS xcode simulator? Would it work if I had an android phone?
Yes, and just using the library as required
Thank u so much for the interesting video, is there any way around to test a module which extends this scanner using react-native-testing-library
How did you get .xcworkspace in the iOS folder @1:37? I only see .xcodeproj and some other folders on my computer. Do I need to download something?
yemin ederim insan değilsin. thx so much bro :))
tepki çok iyi :D
Hello, I want to send the value of qr code to a post Api and display details on next screen. Can you please tell me if I could use react-native navigation or should I use something else?
So I'm making student attendance app I wanted to scan only student data how can I do it ?
Amazing tutorial.
The value scan qr is data in console.
How if l want modify data value for call detail item in database with api.
So, when l scan qr code ,show details item in UI.
Pls help🙏
Thanks
You can call a handle function to modify the data and also call an api to do anything you need.
Wonderful tutorial, how can I close the qr code scanner once it scans something?
is there an option to make it scan only if a button is pressed?
Good video and greetings from Colombia
Thanks, maybe check the doco for that
Why would you convert it to a class component my g?
Is there any free github for the source code?
Terimakasih banyak mas andrian...
Saya menemukan hal baru dari video anda
Error: react-native-permissions: NativeModule.RNPermissions is null. please help
Thank you for sharing you knowleges ! Thanks a lot brother! You are making great job! You a so fast, even sometimes you are too fast ! I meen there was a troubles that you skip fast, even need to slow mo)))))ahahah Sorry , I gess I need become faster)))
cheers for the words :)
Wonderful tutorial. Thank you
I'm doing a personal project of barcode reading, not Qr, in case I am using barCode from react native, I already have the part of getting the barcode data, now I just need to send that data to another window, you can? help me, friend
I can pass the code to you if you want but I need your help, nobody helps me and I only need that
what is the theme of vscode?
Why is it Qr Codes are not the same when you scan it?
why your this code is run only debug mode not release mode
if you know this then plz share it with us
I cant use "react-native link ..." i've tried every thing and nothig, please HELP
Hello , thank you for video . I installed all of the packages but i recieved "Camera not authorized" error . I really wonder why. Can you please answer my question ?I've tried all the solutions.
S.O.S HELP :)
I dont have X-code, How can i work with it in Android Studio?
Praneti Kore exactly the same process. I might make a follow up video on it once I actually buy an android phone
@@AdrianTwarog please do
Where is the code for this project? Great video!
Carlos Trejo thanks, I’ll see if I can put it up on a repo for you
@@AdrianTwarog Thanks Adrian. Just finished your tutorial. Everything worked as expected. Will you be upload it a part 2 for this video? For example, a list view that shows the history of the codes scanned, etc.
react-native-camera doesn't work for me
Great stuff+
subscribed Adrian m also following you on twitter.
how to save on api database
Has anyone gotten this to work with Expo?
nope, when using expo, there are missing files in the IOS directory with permissions, i cant run pod because im using visual studio code, no idea yet how to fix
@@bingpingbongpong662 It's exactly the same for me, I still couldn't solve it.
@@lukslda1 So after doing research... you can NOT use this QRScanner for react native expo, you can only use it for react native. Since expo is only for small things and react native for everything else, i decided to switch from expo to react native by starting a whole new project and copy paste the old files, also importing the old modules.
What i tried was:
Make a virtual machine on macOS, try to download xcode, run pod install there after cloning the code ... but i couldnt download xcode since the virtual machine had not his newest version and i couldnt update it because it always threw me an error in the download and sometimes after the download, so i couldnt download xcode there and wasted like a whole day for this stuff..
now i am at setting up a new project, just react native, not expo. you can decide at the start of the download what you wanna do.
heres the link:
reactnative.dev/docs/environment-setup
So right now i setted up a new project, made a bitbucket repository so sourcetree can follow my files and now i copy pasted my whole code from the old expo project which i ejected (but still got the pod install error..) and NOW right now... i am having difficulties streaming my emulator since it gives me an error that he could not find my android sdk emulator... still gotta fix that. I just hope after i get this emulator thing fixed i will be able to insert the QR Scanner
@@bingpingbongpong662 I finally used expo-barcode scanner and work correctly.
@@lukslda1 yeah barcode scanner is the only extension for expo as of rn
not work, i have error No permission handler detected
Do you have github repo for this project and Thank you ^^
react-native-camera is deprecated.
What is theme for Code? Looks Very Good!
Good tutorial
cant find variable TouchableOpacity
how do i deal with this error
arjun adappa import it from react native
Please the repo on github .. please :-(
All code is based on the repo which is indeed on GitHub with code and examples!
Just found out simulators don't have a camera feature, and I don't have an Iphone, I am totally boned.....
share the source code bro ?
The default github repo for the project has the same code I more or less used, but will link source code in the future
if you have problem with Android(Could not resolve project :react-native-camera. on Android(
github.com/react-native-community/react-native-camera/issues/2150#issuecomment-476011915
Github is the place to go for this one :)
Script nua bang
GEEZUS THIS IS SOOOOO MESSY!! People should dump anything that uses such approach via command line. Better use xamarin
Different !== better?