Flutter Tutorial - Fingerprint & Touch ID - Local Auth

[@HeyFlutter]

This might help you :) 👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com Source Code: github.com/JohannesMilke/fingerprint_auth_example Face ID Local Auth Tutorial: kzbin.info/www/bejne/jXrOlZablrSIpNU Google SignIn Tutorial: kzbin.info/www/bejne/pZi6aWaufLZ6isk Login & Signup UI Tutorial: kzbin.info/www/bejne/Y2SVeXyph8tlbNE Email Sign In Tutorial: kzbin.info/www/bejne/qJ-rcnyko892o68 Native Splash Screen Tutorial: kzbin.info/www/bejne/bn6oaXawpshghcU Onboarding Screen Tutorial: kzbin.info/www/bejne/eYLPcmWmYpKie8k Change App Icon Tutorial: kzbin.info/www/bejne/pGTVY56do9abnNE Internationalization Tutorial: kzbin.info/www/bejne/kKiXfKKlp7urnck Quiz UI App Tutorial: kzbin.info/www/bejne/nYTZlWCfZa-Gqbc Tinder Dating App Tutorial: kzbin.info/www/bejne/rGLaoJmepNqneM0 Build Chat App Tutorial: kzbin.info/www/bejne/rXmslH16hsd1fNU

[@mrsuli1624]

i can't describe this channel , you don't know how much your videos was useful for me , thank you teacher 🖤.

[@samsonorode6568]

Absolutely the best. I love this channel like no ever. ❤️

[@faizulla5838]

You are the best, unambiguous! You are Sensei!!!

[@aperson99936]

good stuff. I don't know if you did this already but if you didn't could you make a tutorial about flutter's semantics/accessibility class? there aren't as many tutorials on that topic as there should be

[@HeyFlutter]

Thank you for this idea, Byron! 🙂 Sure this is a really great idea, I have added it to my list of ideas for future videos.

[@Boy-tq3zy]

You are definitely the best ,, all support for you ..

[@faizulla5838]

Молодец, Братишка!!! Дай Бог тебе здоровья!!!

[@deutschmitarabien]

hey Johnnes can you make video on how to save fingerprint to databse

[@mildercastillo2]

what a great tutorial! bravo!

[@nasserbaba9722]

You always amaze me with your vidéos thank you

[@HeyFlutter]

Glad to hear that, Thank you Nasser Baba! 😊

[@valkyriecain4951]

Hey I am new to programming, and this really helped. What if I want to add a passcode which you always have to set and if the device has biometrics like faceID and touchID it asks if you want to use those instead of the Passcode? hope you understood what I mean... Thanks again, ❤️

[@md.ruhulamin7963]

Thank you sir. One question, is it possible to add an external device with flutter application for get fingerprint??

[@rohansaini2026]

Thank you soo much Johannes Mike. In my project, no popup with text "touch sensor, Scan fingerprint to Authenticate " is showing ...thus I am unable to scan fingerprint. Where is the code for that popup (in which file) Please help ❤️

[@rohansaini2026]

Please guide me sir 🙏

[@HeyFlutter]

Thanks, Rohan Saini! 🙂 You can find that code in local_auth_api.dart file, for more clearance watch video at 0:17​ Authenticate With Fingerprint

[@mohammadb8041]

thank you very much, it was really useful ❤🌹

[@HeyFlutter]

You’re most welcome, @mohammadb8041! 🙂

[@leonardkiptala9734]

Hello guys , am asking , is there a way to get phones pin/password/pattern using a flutter package 📦. Because yes the fingerprint works , but other many phones don't have the biometric methods of auth...??? Is there a way or one needs to make his pin system .

[@HeyFlutter]

Thanks for the idea LEONARD KIPTALA 😀, i have added it in my list of future videos

[@leonardkiptala9734]

Nice videos 😊👍

[@flutter4525]

Please help! getting error - Type mismatch inferred type is MainActivity but FlutterActivity! was expected - getting this error while chnaging FlutterActivity to FlutterFragmentActivity for local authentication in flutter

[@designerdeveloper9900]

What if i want to call home method when fingerprint sensor detects finger. Instead of calling on button pressed?

[@okeyshourovroy2769]

Can you please make a video on flutter pdf and pos printer for windows?

[@chaitanyabharatdokara]

This code works for my Samsung phone but not for miui and oppo phones. Also, how can I select only one biometric option? I am getting all fingerprint,face ID, and pattern?

[@adeelzahid9622]

very appreciated. It's fun to implement it on a real project. 👍👍✔

[@amvidentertainment9790]

Hi , Please I converted my website to flutter mobile app , and the websites has a login and signup page , is there any way I can authenticate the login page with flutter local authentication ?

[@HeyFlutter]

Thank You AMVID Entertainment! Follow this link: pub.dev/packages/local_auth I hope you will get your answer 🙂

[@ziyadmansy6016]

Would ypu tell me how dis the package differentiate between fingerprint auth or face id auth?! You used the same function for both cases! So, how did the auth type change?!

[@ziyadmansy6016]

@@HeyFlutter Replying to me everytime is something that i respect very much, thats why i like every vid of yours without thinking ♥️ thanks 👌✌️

[@HeyFlutter]

Good question, Ziyad! Basically, it depends solely on what the user has enabled on his device. If Fingerprints & Face ID are enabled then also both of them will show up within the popup widget. Therefore you cannot decide between Face ID & Fingerprint directly with this package right now. However you could f.e. check if fingerprint is available and if this is the case then you only call the authenticate method.

[@waminthammanusati4978]

Thanks very much, that very useful. 👍

[@jayantsr]

Thanks Bro. But when we use it with an app which is using api for authentication then where it is saving the credentials.

[@hadikhan1813]

did you find a workaround to it? i am also looking for same thing

[@zainansari1057]

Is there any way to modify the ui of fp verification popup ?

[@raymondmichael4987]

This very useful indeed. Can create a tutorial on how to print using a handheld device, like a POS MACHINE

[@raymondmichael4987]

@@HeyFlutter, indeed there're ANDROID POS which are smartphones with thermal printer inside, like those handheld pos thermal printers example 'MP3_PLUS models', which are smartphones with every function of a smartphone with addition of that printer

[@ikramullah6492]

how can we use MainActivity extends with flutterFragmentActivity for local_auth if we are already using some other native functionality in MainActivity which extends flutterActivity,

[@ikramullah6492]

@@HeyFlutter thank you so much. I'll try this Tonight. hope this will work.🤗

[@HeyFlutter]

Thank You Ikram Ullah! Follow this link: github.com/flutter/flutter/issues/67472 I hope you will get your answer 🙂

[@OmarMolina98]

From where did you get the folder api?

[@fahadmustafa650]

Hi Bro it's helpful. but the problem is even after setting useErrorDialogs to true. if face id is not enabled instead of showing dialog of settings. It throws platform exception

[@HeyFlutter]

Thank you Fahad Mustafa, make sure to follow the tutorial step by step 🙂

[@Praveenmgupta]

Hi, I want my app to check fingerprint authentication as soon as it loads without using onPressed function. Can you help

[@HeyFlutter]

Thanks, Praveen! 🙂 Simply execute it somewhere else such as within the initState method. Learn more about the Flutter Lifecycle here: kzbin.info/www/bejne/fH3ChmuFh9tgaLM

[@munyaabdulhameed9287]

bigggggg thnx for this tutorial .

[@sanjibdutta9270]

Very helpful 👍

[@YazhiniMalarPari]

can i change the color of the fingerprint icon

[@HeyFlutter]

Thank you, @user-tu4rw8lb9p! 🙂. Yes you can .

[@Dabayare]

How safe is authenticating users if I have a website on internet with mysql database using https and what libraries or functions does flutter have?

[@HeyFlutter]

Thanks, Dabayare! 🙂 Learn more about real authentication in these tutorials: 1. Google SignIn Tutorial: kzbin.info/www/bejne/pZi6aWaufLZ6isk 2. Email Sign In Tutorial: kzbin.info/www/bejne/qJ-rcnyko892o68

[@YazinS]

Great video, keep it up

[@tanaysingh1668]

can we pass "values code decryption" to backend if the user is authenticated

[@HeyFlutter]

Thank You Tanay Singh! Follow this link: stackoverflow.com/questions/67546548/encryption-in-java-and-decryption-in-flutter-aes-256 I hope you will get your answer 🙂

[@mohamedkhattab7002]

nice video pro but i would like to ask you did you use apackage or not ?

[@mohamedkhattab7002]

@@HeyFlutter thanks bro

[@priyaranjanmantri9332]

How can user also put pin, pattern etc with biometric, please help

[@priyaranjanmantri9332]

@@HeyFlutter I tried this. But one problem if device has biometric then there is no option for passcode or pin or pattern

[@HeyFlutter]

Thank You Priyaranjan Mantri! Follow this link: pub.dev/packages/local_auth I hope you will get your answer 🙂

[@tanujagrawal9537]

Very cool tutorial! What if I want a pin code authentication. Does it support that?

[@tanujagrawal9537]

@@HeyFlutter how? I couldn't find anything related to it

[@johnpeter122]

Awesome!

[@thazeroword646]

Useful video

[@hellodear5707]

how about canceling fingerprint?

[@HeyFlutter]

Thank You flower flower! Follow this link: pub.dev/packages/local_auth I hope you will get your answer 🙂

[@valeriecamejo2878]

Thanks 💞

[@ahmadsalem5418]

WOW AMAZING

[@kolyakorol2242]

Is it working on android versions 7 and lower?

[@HeyFlutter]

Thanks Kolya! 🙂 It works from Android 6.0 according to this here: pub.dev/packages/local_auth#local_auth Also learn more about the versions here: pub.dev/packages/local_auth#android-integration

[@miasbattig235]

joooo johannes milke

[@thegymteachersgrandma]

sadly outdated, the => build button doesn't work anymore and i cant get it running

[@thegymteachersgrandma]

@@HeyFlutter hey, thanks for the reply. I instead used elevated button and searched up another tutorial if I remember correctly

[@TrikNgonlen]

Hi, @Johannes Milke... As always, your videos are very useful, very helpful... Can I use this for, let's say, digitally sign documents? Can I use this for login to API server?

[@HeyFlutter]

Thanks, Trik! 🙂 You could learn more about security of Local Auth here. Right now, I'm not planning to create more videos on Local Auth Fingerprint. 1) Security of Local Auth Tutorial & When Not to use it: kzbin.info/www/bejne/al6zkIarbrRohK8m26s 2) Local Auth Security Article: medium.com/csg-govtech/how-you-should-secure-your-androids-app-biometric-authentication-10d9231215e4

[@Praveenmgupta]

MainActivity.kt giving error. Please help

[@Praveenmgupta]

@@HeyFlutter Yes, it absolutely as per your source code, May be something has changed in flutter or dart.. please check at your end..

[@HeyFlutter]

Thanks, Praveen! 🙂 Simply try to run my source code directly, if you still face issues file a bug here for local auth: github.com/flutter/flutter/issues

[@austinevick]

Wow this is bomb

[@michealgabriel1437]

What about IOS

[@allintamilvideos6005]

Make video for flutter text input formatters Make video for how to build apk in flutter demo project Make video for voice recording like WhatsApp note*on long press to record Make video for best way http get post update methods Make video for best folder structure for big projects Make video for reusing widgets.. Cheers👍

[@allintamilvideos6005]

@@HeyFlutter I want only 10digit number only in text field except special character only 10digit numbers only how can I achieve that?

[@HeyFlutter]

Thanks for these ideas, Tamil! 🙂 Let's see what the future holds. Check my video out about Text Input Formatters: kzbin.info/www/bejne/fKnQnYhrg9OFjpo

[@meansokleap5740]

great

[@robertoluizteixeirarocha5498]

Hi, thanks for the tutorial. I have been trying for a long time to implement this plugin to an old project and I always get errors. I updated MainActivity.kt as in the example code and got the error below. import io.flutter.embedding.android.FlutterFragmentActivity import io.flutter.embedding.engine.FlutterEngine import io.flutter.plugins.GeneratedPluginRegistrant class MainActivity: FlutterFragmentActivity() { override fun configureFlutterEngine(flutterEngine: FlutterEngine) { GeneratedPluginRegistrant.registerWith(flutterEngine) } } MainActivity cannot be cast to io.flutter.embedding.android.FlutterActivity Can you help?

[@HeyFlutter]

Hello, Roberto Luiz Teixeira Rocha! Follow these links: github.com/AmolGangadhare/flutter_barcode_scanner/issues/128, I hope it will solve your problem. Thank You 🙂

[@shei69]

Can you do one with NFC

[@Anonymous-XY]

"authenticateWithBiometrics" is now deprecated use "authenticate(biometricOnly: true,)" instead.

[@HeyFlutter]

Thank you, Soufiane Saadouni! 🙂 Libraries keep on updating on monthly basis, form these youtube videos you get an idea of implementing something, but make sure to follow the latest documentation offered by the package

[@leonardkiptala9734]

Yo , thanks 🙏, but am asking about what if you need auth , using device that has no fingerprint sensor?