Building a Camera App with React Native Vision Camera and Expo: A Step-by-Step Tutorial
Автор: Code with Beto
Загружено: 2024-08-21
Просмотров: 19029
Learn to create a professional camera app using Expo and Vision Camera. This tutorial covers permission handling, UI styling, photo capture, advanced camera controls, and smooth animations.
Source Code: https://codewithbeto.dev/projects/obs...
React Native Course: https://codewithbeto.dev/learn
React with TypeScript course: https://codewithbeto.dev/learnReact
👨🏻💻 ☕️ 🌟 Support My Work 🌟 ☕️ 👨🏻💻
If you find this project helpful and want to support my work, the best way is by enrolling in one of my courses:
React Native Course: https://codewithbeto.dev/learn
React with TypeScript Course: https://codewithbeto.dev/learnReact
Git & GitHub Course: https://codewithbeto.dev/learnGit
For other ways to support my work, please consider:
GitHub Sponsors: https://github.com/sponsors/betomoedano
Become a Code with Beto channel member: / @codewithbeto
You can also support me by using my referral links:
Get an exclusive 40% discount on CodeCrafters: https://app.codecrafters.io/join?via=...
Get a 10% discount on Vexo Analytics with code "BETO10": https://vexo.co
Sign up for Robinhood and we'll both pick our own gift stock 🎁: https://join.robinhood.com/albertm-82...
Get 500 MB of Dropbox storage: https://www.dropbox.com/referrals/AAC...
Your support helps me continue creating amazing projects!
⌚️ Timestamps ⌚️
00:00 Demo & Resources
05:22 Creating New Expo App
06:03 Installing Dependencies
07:14 Prerequisites Overview
07:49 Configuring App.json
08:33 Creating Expo Development Build
10:16 Installing App on Physical iPhone 12
11:14 Modifying Navigation Screens
13:45 Permissions Screen
34:33 Camera Screen
42:42 Obscura Button Component
49:42 Camera Controls
54:45 Displaying Zoom & Exposure
57:00 Take Picture Button Component
59:17 Take Picture Function
1:07:48 Exposure & Zoom Buttons
1:09:03 Zoom Controls Component
1:20:07 Exposure Controls Component
1:27:21 Media Screen
1:32:33 Conclusion and Next Steps (Expo Video)
👯 Join the Discord: / discord
⭐️ If you want to learn more about me, check this links:
Code With Beto: https://codewithbeto.dev
X: https://x.com/betomoedano
Github: https://github.com/betomoedano
Linkedin: / betomoedano
Discord: / discord
Medium: / betomoedano01
Figma: https://www.figma.com/@betomoedano
⭐️ My apps & projects:
► Code With Beto: https://codewithbeto.dev/
► Eco Studios:https://www.ecostudios.dev/
⭐️ Contact: betomoedano@outlook.com
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: