React Native Login & Signup Screen UI Design Tutorial || React Native Tutorial
HTML-код
- Опубликовано: 27 сен 2024
- React Native Login & Signup Screen UI Design Tutorial || React Native Tutorial
Project Source Code: github.com/SGC...
React Placement Ready Question sheet: sgcodes.co.in/...
React Placement Ready Intro: • React Placement Ready ...
For any help or doubts, you can contact me on Instagram or Telegram: sgcodes.co.in/
===============================
Latest Videos
===============================
Get your Dream Job via Cold Calling:
• Get your dream job via...
Get into FAANG via Referral:
• How to get into FAANG ...
Uber Interview Process:
• How he cracked Uber wh...
My Coding Journey:
• My Coding Journey || J...
India's Highest Paying Startups:
• Top 10 highest paying ...
React Native Movie App:
• React Native Movie App...
React Native Telegram UI Clone:
• Telegram Clone UI usin...
===============================
Popular Videos:
===============================
Get Ready for frontend Developer Interviews:
• React Placement Ready ...
S.G. Code's 1-year RUclips Rewind:
• S.G.Codes RUclips Rewi...
Sending Emails using Nodemailer:
• How to send email usin...
Building Memory Game using JavaScript:
• Build a Memory Game us...
How to become a Full Stack Web developer in 6 months:
• How to become Full Sta...
===============================
React Placement Ready:
===============================
Part-I Basic React:
• React Placement Ready ...
Part-II Virtual DOM & DOM:
• React Placement Ready ...
Part-III JSX:
• React Placement Ready ...
Part-IV Lifecycle methods:
• React Placement Ready ...
Part-V(a) React hooks:
• React Placement Ready ...
Part-V(b) React Hooks:
• React Placement Ready ...
Part-VI React Components:
• React Placement Ready ...
Part-VII State & Props in React:
• React Placement Ready ...
Part-VIII React Context API:
• React Placement Ready ...
Part-IX Redux:
• React Placement Ready ...
Part-X React Router:
• React Placement Ready ...
Part-XI Miscellaneous:
• React Placement Ready ...
===============================
React Native Crash Course in Hindi:
===============================
The Basics of React Native:
• The Basics of React Na...
User Profile in React Native:
• User Profile in React ...
Form Validation in React Native Part-I:
• Form Validation in Rea...
Form Validation in React Native Part-II:
• Form Validation in Rea...
TODO App in React Native:
• TODO App in React Nati...
COVID Vaccination Slot finding App:
• COVID Vaccination Slot...
===============================
Internship Interviews:
===============================
Backend developer Internship at Vedantu:
• Backend developer Inte...
How to prepare for GSoC:
• Google Summer of Code:...
Off-Campus Internship in Trell:
• Off-Campus Internship ...
Ernst & Young(EY) Off-Campus Internship:
• Ernst & Young(EY) Off ...
===============================
Popular Playlists:
===============================
React Native Projects:
• React Native Projects
React Placement Ready:
• React Placement Ready
React Native Crash Course in Hindi:
• React Native Crash Cou...
JavaScript Projects:
• JavaScript Projects
Building a Portfolio Website:
• Portfolio Website usin...
Building Games using JavaScript:
ruclips.net/user/pl...
✨ Tags ✨
react-native login screen, react native login screen UI, react native login UI, react native login signup and navigation example, react native login signup, react native login signup screen, react native login and signup UI, react native UI, react native UI design tutorial, react native UI design, react native UI tutorial, react native UI project, react native UI components, react native tutorial, react native, react native signup and login, react native registration
Thank you so much for investing your time to record this tutorial!
Thank you so much 😀
great explanation I have initial started on react native its very helpful
Thank you ☺️
Awesome, Anyway to pass the variable from custom component(Field.js) to Parent(Signup.js). Looking forwards to see this video. Thank you
You want to pass a variable from child to parent?
@@officialsgcodes yes. Collect those first name, last name and call api
Passing data from child to parent is not allowed. You can't do that.
You'll have to maintain global state using context api or redux to do so.
Great Explanation Man
Thank you 💞💞
Thank you very much for this tutorial!
❤️
thanku so much much make this video and upload this video ...........thanku so much sir.
became a huge fan.......please make lie this video .....jay hind
Glad you liked this 😍😍
my text input is very slow what should i do?
position absolute not working
ERROR Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. i am getting this error.
i have latest react-native version installed
great explanation. very helpful. I did everything as explained in the video but facing dependencies issues
What's the issue that you are facing?
@@officialsgcodes @SG Codes in emulator I am getting message that sdk 44 is not supported on expo. Also in the terminal it is asking to use react native 0.64.3 where as my current version is 0.70 . Is there any way I can match the dependencies easily? Also will it work if I just generate the apk file and try to install it in my phone?
Generating the apk won't work. Try updating all the dependencies, if it doesn't work then you'll have to downgrade only.
@@officialsgcodes I'll try downgrading then
ReactImageView: Image source "null" doesn't exist
This error frustrated me, still not working, please give any solution.
Please share an error screenshot on telegram/Instagram with me. I'll check
Thank you
❤️
sir hum yha textinput field ke bhi component bna skte the kya bar bar same code copy paste kr rhe hain
It completely depends on you ki aap kis part ko component banate ho.
@@officialsgcodes same code hum bar bar repeat kr rhe kya hum iska bhi component bna skte hain
Yes you can. But agar code kaafi use ho raha h to uska component banane ka benefit h, otherwise koi benefit nhi h
can you help in this error
E:\mobile-app>npx react-native run-android
error: unknown command 'run-android'
kyoki android studio nhi hoga tumhre pc m
Awesome 🎉
Great Effort Brother, do you have any tutorial on Login Authentication?
No, I don't have any video on that yet but will upload one soon
Meri background image ni aa rhi please help me 😢
Please check your code from the video once, and if it still doesn't work please connect with me over telegram, and share your code
osm video
Background ke upr text ni aa rha
Check the styling correctly from the video. This is the issue of styling
Good work, kindly share source code
I'm glad you liked the video 🙂
The source code is present in the description
@@officialsgcodes kindly check your instagram
Hey, I don't have any message there
@@officialsgcodes i sent you a message on telegram
Can you create a video on how to connect this screen to firebase?
I am very grateful for your explanation, it was great, easy to apply and I could understand it very well
I'm glad you liked it 🙂
Any chance this can be translated
Sorry, not as of now 😅
As I run on emulator, it shows the good result, and when I run on my mobile, the screen size is not matching with emulator, I want to make this app responsive on any device, Reason/Solution?
You'll have to use dimensions in that case. I have made a video on that, please check that.
Dimensions video: ruclips.net/video/c_iz7o4TuKs/видео.html
Heyy can you help me with what all we have to install before running this application, actually I'm not getting it
ab controller me se Home Page ki value kaise Bind Karenge?
Sir please make video on redux toolkit
Sure. I'll make a video on that.
@@officialsgcodes thanks
onpress not working
Can you please use the hook Window dimension instead of height
There are multiple ways of doing a thing.
Will try to use the hook as well from now on 👍
@@officialsgcodes thanks bro
Sir no words found how i thank to you
❤️