Тёмный

Qr code scanner in react native 

Codify
Подписаться 363
Просмотров 34 тыс.
50% 1

Implementing Qrcode Scanner in React-Native.
QR-code-scanner: www.npmjs.com/...
2nd: npm i react-native-camera
_________
generate and download a QR code : • Generate and download ...
_________
Firebase CRUD :
• Firebase in React Nati...
_________
Firebase authentication:
• React Native Firebase ...

Опубликовано:

 

29 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 49   
@SaadCodify
@SaadCodify Год назад
If you enjoy my content, I encourage you to hit the subscribe button.
@ashishchaubey9237
@ashishchaubey9237 Год назад
The package uses react-native-camera which is deprecated.
@Imraann0
@Imraann0 10 месяцев назад
Did you find an alternative ?
@mukeshjamod8992
@mukeshjamod8992 4 месяца назад
another library compatible or not ??
@auroramendezc1452
@auroramendezc1452 Год назад
Hi, could you help me pls?? 🥺I have the next error: Error: react-native-permissions: NativeModule.RNPermissions is null.
@TalJa00
@TalJa00 3 месяца назад
Have you had the answers
@mahesh-zf4ll
@mahesh-zf4ll 9 месяцев назад
Error: react-native-permissions: NativeModule.RNPermissions is null. please help
@dechols87
@dechols87 4 месяца назад
same, did u find a solution?
@adityask865
@adityask865 2 месяца назад
Nice tutorial, how can I call this qr scanner when i press a touchable icon in another module and export the data that was read?
@pritigurav3654
@pritigurav3654 Год назад
what styles should i apply to get Camera in fullscreen. plz guide
@SaadCodify
@SaadCodify Год назад
import { StatusBar } from 'react-native'; return ( ) hide status bar, give a height of 100% at the cameraStyle and add other props that you need in QRCodeScanner i hope this would help you 💯
@DevendraYadav-o3d
@DevendraYadav-o3d 8 месяцев назад
don't proper scan this library please tell me which library fast scan any angle because this library very slow
@zainali-yi7ww
@zainali-yi7ww Год назад
thanks a lot, for making it look this much easy 💯
@SaadCodify
@SaadCodify Год назад
thank you for the feedback 💯
@timtom3403
@timtom3403 Год назад
please continue making videos ,, very nice tutorial
@SaadCodify
@SaadCodify Год назад
thank you so much ❤️
@TalJa00
@TalJa00 3 месяца назад
I feel so confused because I always face with the same problems after installing npm library Error: react-native-permissions: NativeModule.RNPermissions is null. I am trying to fix it with all suggestions that I found but it is still not working (I have never faced with these things while working with Flutter), can someone help me to deal with it.
@visionm.ph1
@visionm.ph1 2 месяца назад
Facing the same Error :/
@vijayreddy6351
@vijayreddy6351 Месяц назад
1.pod install 2.clean and rebuild the app 3.npx react-native-clean-project or else do just delete node_modules folder, yarn.lock file, and add this code to package.json "resolutions": { "react-native-permissions": "^3.8.0" }, "overrides": { "react-native-qrcode-scanner": { "react-native-permissions": "^3.8.0" } },
@justelaima2896
@justelaima2896 6 месяцев назад
can u provide the source code please?
@kibadev918
@kibadev918 Год назад
Thanks a lot. great content
@SaadCodify
@SaadCodify Год назад
thank you 💯
@HarshithaS-e5l
@HarshithaS-e5l 9 месяцев назад
i am gettitng error Invariant Violation: ViewPropTypes has been removed from React Native. Migrate to ViewPropTypes exported from 'deprecated-react-native-prop-types' how to resolve this while running the above code how to resolve
@Trishul-Industries
@Trishul-Industries 9 месяцев назад
i am facing the same issue did you solve it yet now ?
@muhammadumer5483
@muhammadumer5483 8 месяцев назад
You need to make a patch for react native camera , remove the viewprops as they are depricated @@Trishul-Industries
@Hardy-zf8em
@Hardy-zf8em Год назад
good job man keep it up
@SaadCodify
@SaadCodify Год назад
thank you 💯
@caiomendeslima5541
@caiomendeslima5541 6 месяцев назад
Thank you very much!
@katerinaneprasova2939
@katerinaneprasova2939 10 месяцев назад
Hello, great tutorial! Is there a way to force the scanner into a centered square box please?
@ibsharakrami8330
@ibsharakrami8330 10 месяцев назад
did you get the solutions?
@rakhikumari9717
@rakhikumari9717 Год назад
Great work 👏 thank u so much 😊
@SaadCodify
@SaadCodify Год назад
thank you for the feedback 💯
@jumamakorere8597
@jumamakorere8597 Год назад
That's nice video, How can scan and stored on the database?
@ringgo6521
@ringgo6521 Год назад
when onRead properties in QRCodeScanner, update setData(data) and just call your function to submit your data to database. in this function, send your data with axios
@timtom3403
@timtom3403 Год назад
coould you tell how i can programmtically enable scanning again, like i want to click a button only then scanning shall start and when detected it should stop,and again when needed presss the button,,, i read the docs for react-native-qrcodescanner found out theres a method callled reactivate() but im not sure how to implement it
@SaadCodify
@SaadCodify Год назад
this is how you can make it reactive : make reactivate as True and if you want you can also give it time, that how much seconds it should take to get reactive, for example i have given it 5000 milliseconds = 5 seconds, you can adjust it according to your need ♥️
@timtom3403
@timtom3403 Год назад
@@SaadCodify ok bro thanks
@timtom3403
@timtom3403 Год назад
why dont you make more videos on react native
@SaadCodify
@SaadCodify Год назад
more videos will come on react native, stay tuned 💯
@timtom3403
@timtom3403 Год назад
hi can you suggest how we can scan from a gallery image using this library ,thanks
@SaadCodify
@SaadCodify Год назад
for scanning a image from gallery you would need to install a additional library "npm install react-native-image-picker", set a state and create a function in which set the image Uri from gallery to that state you created than, use the prop of QrCodeScanner "ImageData" and pass that state. in "onRead" prop add a new state which displays the data of the image. I hope this will help you in scanning a picture from the gallery.
@timtom3403
@timtom3403 Год назад
@@SaadCodify in the docs i did not find a prop named ImageData
@SaadCodify
@SaadCodify Год назад
so sorry this prop was removed in the updates you can use rn-qr-generator to scan a image from galley www.npmjs.com/package/rn-qr-generator prop : fileName : Name of the image file to store in FileSystem.
@timtom3403
@timtom3403 Год назад
@@SaadCodify i tiried this and it worked thanks
@SaadCodify
@SaadCodify Год назад
Awesome! I'm glad to hear that it worked for you! Thank you for your feedbacks!
@usmansiddiqui3026
@usmansiddiqui3026 Год назад
That's really helpful , keep it up
@SaadCodify
@SaadCodify Год назад
thank you ♥️
Далее
QR code scanner for react native application.
0:16
Просмотров 1,3 тыс.
React For Beginners 4 : How React App Works
9:39
Просмотров 43 тыс.
Катаю тележки  🛒
08:48
Просмотров 567 тыс.
Почему?
00:22
Просмотров 238 тыс.
ОБЗОР НА ШТАНЫ от БЕЗДNA
00:59
Просмотров 313 тыс.
ХОККЕЙНАЯ КЛЮШКА ИЗ БУДУЩЕГО?
00:29
State Managers Are Making Your Code Worse In React
13:33
QR Code Reader / Scanner in React (Html5-QRCode.js)
9:23
Generate a PDF in React
23:38
Просмотров 13 тыс.
React Native QR Code Scanner Tutorial
21:23
Просмотров 81 тыс.
Can Cursor AI build my React Native App?
18:44
Просмотров 11 тыс.
Building a QR Code Scanner App with React Native
8:28
Просмотров 3,7 тыс.
I found the perfect no-code automations platform
20:06
Катаю тележки  🛒
08:48
Просмотров 567 тыс.