- Видео 6
- Просмотров 5 470
Khaoula's DEV tutos
Канада
Добавлен 9 июл 2024
Simplified Login and Registration with React Native | Expo SQLite | Navigation Tutorial 2024
Welcome to Khaoula's DEV Tutos! In this tutorial, I'll guide you through creating a simplified Login and Registration system using React Native, Expo-SQLite, complete with navigation between screens.
🔹 What you'll learn:
Setting up the SQLite database with Expo
Creating a Login screen
Creating a Registration screen
Navigating between Login, Registration, and Home screens
🔗 Resources:
React Native Documentation: reactnative.dev/docs/getting-started
Expo Documentation: docs.expo.dev/get-started/installation/
Expo SQLite Documentation: docs.expo.dev/versions/latest/sdk/sqlite/
React Navigation Documentation: reactnavigation.org/docs/getting-started/
GitHub Repository: github.com/khaoulasdevtutos/login....
🔹 What you'll learn:
Setting up the SQLite database with Expo
Creating a Login screen
Creating a Registration screen
Navigating between Login, Registration, and Home screens
🔗 Resources:
React Native Documentation: reactnative.dev/docs/getting-started
Expo Documentation: docs.expo.dev/get-started/installation/
Expo SQLite Documentation: docs.expo.dev/versions/latest/sdk/sqlite/
React Navigation Documentation: reactnavigation.org/docs/getting-started/
GitHub Repository: github.com/khaoulasdevtutos/login....
Просмотров: 1 947
Видео
How to Use Expo Camera and Media Library in React Native | Capture and Save Photos Tutorial 2024
Просмотров 1 тыс.3 месяца назад
Welcome to Khaoula's DEV Tutos! In this tutorial, I'll guide you through the process of using Expo Camera to capture photos and Expo Media Library to save them in React Native. 🔹 What you'll learn: Setting up the React Native environment with Expo Requesting and handling camera and media library permissions Capturing photos using Expo Camera Saving photos to the device using Expo Media Library ...
How to Create a Student List App with React Native & Expo | useSQLiteContext & SQLiteProvider 2024
Просмотров 1,9 тыс.4 месяца назад
Welcome to Khaoula's DEV Tutos! In this tutorial, I'll guide you through the process of creating a student list app using React Native and Expo, with useSQLiteContext and SQLiteProvider for efficient database management. 🔹 What you'll learn: - Setting up the React Native environment with Expo - Implementing useSQLiteContext and SQLiteProvider - Adding, viewing, and deleting student records - Be...
Does SQLite actually keep and save databases and where?
Thank you
awesome...This video is very helpful for me..
great stuff, genuinely what i was looking for, all the old tutorials followed the old pre-sdk 51 syntax for expo-sqlite and the docs didnt help me either, this video did though 👍
Help, i copied everything and its okay in the emulator when im developing but when i try to build it to an apk its just a white screen
The greatest! Thank you so much....
Awesome video..! Awesome you answer the asks..?
Thank you so much! 😊 I'm glad you enjoyed the video. If you have any questions or requests, feel free to ask-I'm here to help!
please make a video tutorial for facial recognition and to get names with reac native expo
Thank you for your suggestion and support! 😊 I appreciate your request, and I'll definitely work on it for future videos. Stay tuned and don't forget to subscribe to get notified when the new content is released!
Thank you so much, the video was helpful with the new update of expo-camera. May you make a video about using the audio too? Thank's
Thank you so much for your feedback! 😊 I'm glad to hear that the video was helpful ! Great suggestion! I will definitely consider making a video about using audio in React Native with Expo. Stay tuned, and don't forget to subscribe and hit the bell icon to get notified when the new video is released! Thank you again for your support!
Awesome !!
Thank you so much! 😊 I'm glad you enjoyed the video. Stay tuned for more tutorials, and don't forget to subscribe for updates!
I appreciate the effort you put into making this video, brother. It helps a lot. Hoping for a multi-step registration tutorial using React Native, Expo, and SQLite soon.
Thank you so much for your kind words! 🙏 I'm thrilled to hear that the video was helpful for you. I’ll definitely consider A multi-step registration tutorial for a future video. Stay tuned!
@@KhaoulasDEVtutos thanks a lot!
Very helpful. This is amazing! Definitely recommend this one! 🥰
Thank you so much for the recommendation! 😊 I'm really glad you found the tutorial helpful.
1st comment here thank you so much 🥰
Thank you for being the first to comment! 😊 I'm glad you liked the video. Your support means a lot!
Hi Khaoula's DEV tutos where can I see the data inserted? I want to view the data just like in DB Browser (SQLite). Thanks Man
Hi helthtips00-i8h, Thanks for watching the tutorial and for the brilliant question! To view the data inserted into the SQLite database just like in DB Browser for SQLite, you can follow these steps: 1- Locate the Database File: First, use the Device Explorer in Android Studio to find the location of your database file. Typically, Expo stores databases in the /data/data/host.exp.exponent/files/SQLite directory. 2- Make sure your app is running. 3- Access the Database File: Open a terminal or command prompt on your computer and use the following commands to access and pull the database file from the emulator: adb shell cd /data/data/host.exp.exponent/files/SQLite exit adb pull /data/data/host.exp.exponent/files/SQLite/example.db ~/example.db This will copy the database file to your home directory on your local machine (make sure to replace 'example.db' by your database name). 4- Open the Database File in DB Browser for SQLite: Download and install DB Browser for SQLite if you haven't already: Open DB Browser for SQLite. Click on File > Open Database. Navigate to the example.db file you pulled from the emulator and open it : it should be in your home directory (macOS) || C:\Users\YourUsername (Windows) || /home/YourUsername (Linux). 5- Browse and Inspect Your Data: Use the Browse Data tab to view and inspect the tables and data within your database. By following these steps, you'll be able to see the data inserted into your SQLite database, just like in DB Browser for SQLite. The best part is that 'adb' works without needing to install anything extra as it comes bundled with Android Studio. Let me know if you have any more questions! Happy coding!
Thank you so much for this. Hoping soon Login and Registration using React Native Expo with SQLite 😇🙂😊
Thank you so much for your support! I'm glad you enjoyed the tutorial. Sure! stay tuned, I'll soon be creating a tutorial on Login and Registration using React Native Expo with SQLite. Don't forget to subscribe and hit the bell icon to get notified when the new video is released! Happy coding! 😊
@@KhaoulasDEVtutos Thanks a lot Buddy ❤
Hi again! 😊 I wanted to let you know that the tutorial on Login and Registration using React Native Expo with SQLite is now live! You can watch it here: ruclips.net/video/tOrIqrwABu4/видео.html Thank you again for your support! Don't forget to like, comment, and subscribe for more tutorials. Happy coding!
@@KhaoulasDEVtutos thank you so much this is very helpful , your amazing bro!
Great job !!
Thank you!
Thank you for your tutorial. I came from THAILAND
Thank you so much for your comment! 😊 and welcome to my channel ! If you have any questions or topics you'd like me to cover, feel free to let me know. Keep coding and stay awesome!
Has anyone tested with a physical device? I have an Android Nokia phone and tried typing but no text or number is displaying in the TextInput. Maybe this is an error on my side ... I do not know but nothing is happening Please assist
Thank you so much for your comment! Personally, it's working on my device! Please ensure that the TextInput fields are correctly styled and not obstructed by other UI elements. Try adding width: '100%' and color: '#000' to the TextInput styles to ensure visibility. Additionally, confirm that the keyboard is focusing correctly by testing on multiple devices. If the issue persists, log state updates to ensure onChangeText is firing properly. Also, make sure your Expo and SQLite setup is correct and not interfering with the TextInput components. you may also add an explicit focus method call on the TextInput when it is pressed to ensure the keyboard opens correctly : import { useRef } from 'react'; //don't forget to import useRef const firstNameRef = useRef(null); const handleFocus = (inputRef) => { inputRef.current?.focus(); }; <TextInput ref={firstNameRef} style={styles.input} value={student.firstName} onChangeText={(text) => setStudent({ ...student, firstName: text })} onFocus={() => handleFocus(firstNameRef)} /> I recommend also to use TextInput in isolation: temporarily remove other functionalities and test with just the TextInput components to isolate the problem. If you have any more questions or topics you'd like me to cover, feel free to let me know. Keep coding and stay awesome!
Thank you so much for this video! I have been looking for expo-sqlite without legacy for a long time. I'm so glad I finally found what I was looking for. Keep up the great work !!!
Thank you so much for your kind words! 😊 I'm really glad to hear that the video was helpful for you in finding the solution you were looking for with expo-sqlite. Your support means a lot, and it motivates me to keep creating more content. If you have any more questions or topics you'd like me to cover, feel free to let me know. Keep coding and stay awesome!
github link please
Thank you so much for your comment! 😊 You can find the code for this project on my GitHub: github.com/khaoulasdevtutos/listOfStudents.git. If you have any more questions or topics you'd like me to cover, feel free to let me know. Keep coding and stay awesome!