QR & Bar Code Generate & Scan - Ionic 6 Angular | Part 1 - QR Code (Capacitor & Cordova Plugins)

Hello Friends, Welcome Back to @CodingTechnyks. In this video, we are going to implement "QR Code & Bar Code Generator & Scanner" using #ionic #angular for #pwa #android & #ios - #capacitor #cordova
► 89-95% off - Udemy Course on Ionic Coupon Code
Course 2. Ionic 6+ with NodeJs - Complete Beginner to Pro Course 2022
₹389 / $9.99 - till Oct 9 2022
www.udemy.com/course/ionic-6-...
Course 1. Ionic 6+ From Beginner to Advanced - Build Food Delivery App
Link 1 - ₹389 / $9.99 - till Oct 9 2022
www.udemy.com/course/ionic5-b...
► App Auth Screen Playlist: bit.ly/authScreenSeries
Source code link: github.com/Nykz/Ionic-6-qrcode
► Social Media
Facebook: / codingtechnyks
Github: github.com/Nykz
Instagram: / codingtechnyks
Twitter: / codingtechnyks
Credits
Thumbnail background image - Image by starline on Freepik (www.freepik.com/free-vector/w...)
Thanks for watching!
Kindly Like + Subscribe for such Interesting Videos.

[@CodingTechnyks]

QR & Bar Code Generate & Scan - Ionic 6 Angular | Part 2 - BAR Code (Capacitor & Cordova Plugins) - ruclips.net/video/qGH8TtZuOrw/видео.html

[@yashgaonkarVlogs]

Explained very nicely 😀.

[@joaovitordesouza919]

I really appreciate your content!! Very nice!!!!

[@syedmuhammadali7178]

Thank you so much.

[@miltrus]

thanks man :D

[@robsonlirayou]

Top project, I'm trying to follow the video, At minute 5:14 we will get the html qrcode tag until this moment it has nothing to do with capacitor, here in my project the html doesn't recognize [qrdata], could it be? Does it work on Ionic7 angular 16? Someone help?

[@CodingTechnyks]

Connect via Instagram at 3pm IST

[@victorblancooficial1242]

What versions of ionic ,angular and node are you using?

[@CodingTechnyks]

Currently the latest one
In this project it’s ionic 6, rest check it in the source code

[@oluwatobilobaomojola4647]

I noticed that when I use this plugin, I can't toggle my flashlight on or off as the flashlight is unavailable when the camera is on. Is there a way round this?

[@CodingTechnyks]

I don’t think so
When you use camera always flashlight gets turned off

[@Dougleon16]

i have to questions:
1. when i apply the changes with the command "ionic cap sync". why it doesnt works in web but works really good on android and ios?
2. How can can i style the size of camera view?
can you please help me?

[@CodingTechnyks]

Are you talking about pwa
This command is useful for android and ios only
2. May be you can’t, check the docs I don’t remember exactly
Connect via Instagram tomorrow for further queries

[@Amenazzzy]

Good video friend, I have a problem, I applied everything as you explained in the video, when accepting the permissions to open the camera and scan the qr the camera does not appear, ps: I am creating a project in which I am implementing this function , but in theory everything should be fine since I relied entirely on your explanations, I use android.

[@CodingTechnyks]

Hi
Are you using old android version?
Check it and check the permissions properly, if you need further assistance then connect with me via Facebook messenger, I will be available tomorrow

[@Amenazzzy]

@@CodingTechnyks I have solved it, in the scss of the page that I was manipulating it had an ion-content with a background so it covered the view of the camera haha ​​I took it out and it was solved, thank you very much for the video, very well explained

[@saikrishnaorumpati279]

​@@Amenazzzyi getting same issue can u help me out from this the camera is behind the white background

[@sahiljadhav519]

1) I am getiing the error when I add this line ,
document.querySelector('body').classList.add('scanner-active');
2) my camera gets open but it does not display the camera view. (Android devcie issue)

[@CodingTechnyks]

Connect via Instagram at 4pm IST

[@makindufabrice8866]

Hello I get a problem in importing the QRCodeModule in my HomeModule.... what can i do to solve this issue?

[@CodingTechnyks]

What’s the error

[@lifeachivement6618]

It is working on pwa app (open camera in browser) ??

[@CodingTechnyks]

You have to use the capacitor plugin for that it works in browser
I think I have told about it in the video

[@jeanpierrer.6512]

Hii:D
I'm new to ionic and trying to learn from one of your tutorials by the way. I am very good.
Thank you.
checkPermission why does this appear as an error?

[@CodingTechnyks]

Check the video properly for permissions you must have missed out something

[@909jacobo]

isn´t it because:
return false;
} catch(e){
console.log(e);
// Doesn´t have a return? Mabye this should work:
return false;
}
}

[@CodingTechnyks]

Well you can try it

[@PostClarityCake]

@@909jacobo Thankss

[@rickyemmanuels4494]

Afternoon...
Please help ionic masters.
I'm making a CRUD project with a php backend, after I build to the APK, the API Service why doesn't it work? the data doesn't appear but when on the web localhost:8100/home the data appears.
please help 🙏
Thanks.

[@CodingTechnyks]

Hi Ricky
You can get in touch with me via Facebook messenger now, link in description

[@oluwatobilobaomojola4647]

I'm also presently experiencing this

[@CodingTechnyks]

Pass clear text traffic in android manifest
android:usesCleartextTraffic="true"

[@CodingTechnyks]

If still error occurs then it’s a cors issue

[@oluwatobilobaomojola4647]

@@CodingTechnyks Thanks a lot. This works

[@felipegonzalez4308]

In Android studio make Duplicate clases, what can i do?

[@CodingTechnyks]

Contact via Facebook messenger in 7 hours from now

[@felipegonzalez4308]

@@CodingTechnyks I did now

[@cgsathi5372]

how can use it on back camera??

[@CodingTechnyks]

check the docs, may be the option is there

[@boppadapusaiteja8074]

(outshare/ootshreee) ane word anni sarlu enduku use chestunnav bayya ???

[@CodingTechnyks]

That’s out here
And I recognised my mistake
Rectified in all latest videos

[@axelbryancasauran5159]

can it scan using the front camera?

[@CodingTechnyks]

I don’t remember
Check out the latest plugin of barcode in my last video

[@CodingTechnyks]

Where use front camera is possible

[@mazinalyousef5814]

this is for qr code , where the barcode part ???

[@CodingTechnyks]

Part 2

[@husseinmenkam8350]

hey bro i have this error :
Error: src/app/tab2/tab2.page.ts:39:11 - error TS2531: Object is possibly 'null'.
[ng]
[ng] 39 document.querySelector('body').classList.remove('scanner-active');
how can i fixe it

[@CodingTechnyks]

Hi, will have to check your code to understand it
Connect via Instagram in 5 hours from now

[@CodingTechnyks]

Link in description

[@nasirsheikh1434]

Hey, did you find any solution?

[@CodingTechnyks]

For any queries connect via Instagram

[@husseinmenkam8350]

@@nasirsheikh1434 no

[@ouiaoa]

QR hurae ctuy video to .iaara...hutwaes

[@shailalavani6597]

please don't use that accent its distracting

[@shailalavani6597]

ouch here ouch here 🤦‍♂

[@CodingTechnyks]

Hi
It’s not intentional
I am trying to eliminate “out here” from my speech
In latest videos it’s reduced to a great extent

[@vega9304]

"Access denied finding property "vendor.camera.hal1.packagelist" i do eveything until the moment to try the app and give me that error when i try open the camera :c what can i do? please

[@CodingTechnyks]

Connect via Facebook messenger in 6 hours from now
Link in description

[@antoninocatalano8146]

i have this problem, what I can do?
ERROR Error: Uncaught (in promise): Error: Attempt to invoke virtual method 'void androidx.camera.view.PreviewView.setScaleType(androidx.camera.view.PreviewView$ScaleType)' on a null object reference
Error: Attempt to invoke virtual method 'void androidx.camera.view.PreviewView.setScaleType(androidx.camera.view.PreviewView$ScaleType)' on a null object reference

[@CodingTechnyks]

Kindly check, you must have missed out something