Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

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

Building a Camera App with React Native Vision Camera and Expo: A Step-by-Step Tutorial

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

6 главных советов по React Native, которые помогут вам выжить в 2026 году.

6 главных советов по React Native, которые помогут вам выжить в 2026 году.

Я попробовал Valdi от Snap — лучше ли он, чем React Native?

Я попробовал Valdi от Snap — лучше ли он, чем React Native?

Flutter Layout Basics (Row and Column; Widget Tree)

Flutter Layout Basics (Row and Column; Widget Tree)

Complete React Native Course: Build Cross-Platform Mobile Apps with Ease

Complete React Native Course: Build Cross-Platform Mobile Apps with Ease

Структура приложения Expo, NativeWind v5, Live Activity, Native API и React Native Buoy | Rocket ...

Структура приложения Expo, NativeWind v5, Live Activity, Native API и React Native Buoy | Rocket ...

Пользовательская нижняя панель вкладок в React Native Expo Router | Навигатор вкладок для начинаю...

Пользовательская нижняя панель вкладок в React Native Expo Router | Навигатор вкладок для начинаю...

Full Builds

Full Builds

React Native for Dummies 2026 – Full Beginner Crash Course

React Native for Dummies 2026 – Full Beginner Crash Course

Я создал приложение для татуировки на основе искусственного интеллекта с помощью Expo — вот всё, ...

Я создал приложение для татуировки на основе искусственного интеллекта с помощью Expo — вот всё, ...

React Native & Expo Router Course – Build a Meditation App

React Native & Expo Router Course – Build a Meditation App

Что нового в React Native 0.83, React 19.2, новые функции DevTools

Что нового в React Native 0.83, React 19.2, новые функции DevTools

Будущее Без РАБОТЫ и ДЕНЕГ | Либерманы

Будущее Без РАБОТЫ и ДЕНЕГ | Либерманы

Build a Todoist Clone with React Native (RevenueCat, Clerk, Sentry, Expo, Reanimated, SQLite)

Build a Todoist Clone with React Native (RevenueCat, Clerk, Sentry, Expo, Reanimated, SQLite)

2026: Всё Уже Решено - Вот Что Будет Дальше

2026: Всё Уже Решено - Вот Что Будет Дальше

Компания Salesforce признала свою ошибку.

Компания Salesforce признала свою ошибку.

Let's build an AI Voice Assistant Mobile App by using Expo React Native

Let's build an AI Voice Assistant Mobile App by using Expo React Native

🔴 Build Complete News App in React Native | React Native Course for Beginners | React Native Project

🔴 Build Complete News App in React Native | React Native Course for Beginners | React Native Project

КОНЕЦ РЫНКА НЕДВИЖИМОСТИ В 2026? Что ждет россиян в новом году

КОНЕЦ РЫНКА НЕДВИЖИМОСТИ В 2026? Что ждет россиян в новом году

🔴 Build a Wallpaper App in Expo Router | React Native Projects | React Native Tutorial | Expo SDK 50

🔴 Build a Wallpaper App in Expo Router | React Native Projects | React Native Tutorial | Expo SDK 50

Рекордный вывод НАЛИЧНЫХ из банков: что планирует правительство?

Рекордный вывод НАЛИЧНЫХ из банков: что планирует правительство?

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: infodtube@gmail.com