Styling React Native Components: The Fundamentals of Stylesheet
ฝัง
- เผยแพร่เมื่อ 31 ม.ค. 2023
- Document your progress and share your React Native journey on your own Hashnode blog for free:
hashnode.com/?source=hitesh
Tag your posts with #reactnative so they can be easily discovered by Hashnode's global community
Facebook: / hiteshchoudharypage
Instagram: / hiteshchoudharyofficial
homepage: www.hiteshChoudhary.com
PW: pwskills.com
Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purposes and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.
All Amazon links are affiliate links (If any). - วิทยาศาสตร์และเทคโนโลยี
You just gave enthusiasm for comeback in Coding after 5 years, been driving truck. Have no words!
Thanks Hitesh!
Regards
Nishan
hat's off man!
Welcome back!
Everyone is just demanding something extra from you but I want to thank you for this amazing playlist thanks a lot
Everybody plz share the playlist, this type of content must be promoted. Thankyou hitesh sir❤
By default react native has flex-direction as column instead of row as in web. This is mentioned in react native docs. That's why align-items and justify-content behave as opposite to web.
Your videos are easily understandable...Even if I have to pay something for these kinds of lectures, I will happily do it.
Thank you so much sir. This video helps me alot, you're the best teacher ever!!!
can u give us a glimpse of which 10 apps we are gonna build in this series
yeah that would be great sir please show us the apps we are gonna build during this course.
Thank you so much Sir for this...😊🌼
Thank you sir, waiting for next video.
Love this series!
thank you thank you thank you sir 🥳🥳 for this series 🥳🥳
Thanks buddy
Great job Hashnode💜
is there source code available for practice. please shere link, Your video content is very helpful, Thank you!!!
Hi Hitesh, i'm still looking forward to your next video !!
When will it be uploaded on you tube ??
Thanks a log bro for such wonderful knowledge free of cost
Great Content, Thank you Sir
Very good teaching skills
Thank you for the series. I am first time learning React Native and it's very easier to understand. Thanks @hashnode @hitesh
Video on open source repo setup on codespace
Sir, I & many other students are facing problems regarding backend setup in codespace. It is easy to make a new express mongodb project on codespace but how to setup an open source express repo on codespace is very hard & i am facing many issues which are not there in local setup like 502 gateway nginx.
Please make a video showing an open source express mongo repo setup on codespace
started following your react native tutorial, one problem i am getting is the dark mode isnt getting on no matter how much i try
Can we inspect the style like a web app?
13:22 it did for me lmaoo [also with align-items center, my Hello World just becomes Hello any fix to that?]
Sir please upload react native videos daily :)
sir, we are waiting for the upload of the next video
please upload it🙏
Sir can you please put your react native course into a Playlist so it would be helpful to get them on one go
Already available as playlist and in sequence
Waiting for next video..
Amazing...
Without using style sheet also we can return Javascript object with styles. So what is use case of Stylesheet?
🤔
What's your opinion on CHATGPT?
sir can you make a video on how to debug the react native app.
Please upload next video for react native
Nice Video, I heard maruti suzuki is hiring through a case study competition called XCELerate. It is for both E-School & B-School students. It also has prizes of 7 lakh rupees. Can u make a video on it plss.
Sir when is today's video going to come??
When the next video sir? Please
whats next is it end?
13:23 it worked for me, text changed to black
It's not necessary to use StyleSheet anymore. Just a normal object would suffice
Thank you
Can't we use tailwind?
hi. can you update when the next vdyo will out? we are waiting brother
I update things on discord and instagram. I will try to post more here in youtube community too. 🙂
how to download react native android app on mobile or tab
Sir you forgot to upload next video
when i am using safe area veiw my styles are not applying.why?
That because in iOS in the new update, you need to set the SafeAreaMode inside the View and now before it.
Example:
You can think about like You have a "div" that manage the contain object, and the SafeAreaMode is a command that apply all properties in it..
and if you do SafeAreaMode outside View its apply this container its apply View also, and view is only a container - NOT THE OBJECT!
Thanks
Increase the likes , how it can be less than 1k !
When adding flex:1 in stylesheet.container the app does not load the Text. without flex:1 I can see items with allignItems: 'center'. What is the purpose of flex:1. Can Anybody help with this?
did the issue resolve ?
@@vishalsingh9169 No
i hope you'll teach us Redux in React Native
Depends on people, if they share the content and shows interest. 🙂
@@HiteshChoudharydotcom please sir without that how we will make big complex apps
@@HiteshChoudharydotcom we need it..
sir video material ui and also appwrite Thank you
Done Sir,
Hello sir we need a new course Java, can you please sir start Java course as a beginner level 🙋🏻♂️🙏
how about funtion in StyleSheet?
When will u start microservice Nodejs?
Such topics don’t have demand on TH-cam. These are usually paid topics
Excellent course, thanks for sharing,
if you error, copy my solution:
import React from 'react'
import {
View,
Text,
StyleSheet,
useColorScheme
} from 'react-native'
function AppPro(): JSX.Element{
const isDarkMode = useColorScheme() === 'dark'
return(
Hello World
)
}
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center'
},
whiteText: {
color: '#FFFFFF'
},
darkText: {
color: '#000000'
}
})
export default AppPro;
New videos....?❓❓❓❓❓❓❓
So far with you 🚗
Hi Sir,
When is the next video releasing in this series?
P;
👌👌👌👌
🙏👍👍
It seems that you are not sure what you are going teach.
ooops not like that
You mistakenly gave white text on both dark and light mode!