Styling React Native Components: The Fundamentals of Stylesheet
HTML-код
- Опубликовано: 22 авг 2024
- Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. We roll out a lot of series and videos on our channel.
All the learning resources such as code files, documentations, articles and community discussions are available on our website:
chaicode.com/
You can find our discord link, github link etc on the above website.
Twitter/X link: x.com/hiteshdo...
Discord link: hitesh.ai/discord
Learn React with 10 projects: • Let's learn react from...
Learn Docker: • A practical guide on D...
Learn Kubernetes: • Complete Kubernetes Co...
How does a browser works: • How does a browser wor...
How nodejs works: • How node JS works | En...
Learn Redux-toolkit: • Learn Redux Toolkit in...
Learn NextJS: • Nextjs Full stack course
Learn Typescript: • Why to learn Typescript
Learn Javascript: • Welcome to new JavaScr...
Learn React Native: • React Native Mastery: ...
Learn Zustand: • React state management...
Learn Golang: • How to get started wit...
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!
Keep coding.
Everyone is just demanding something extra from you but I want to thank you for this amazing playlist thanks a lot
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.
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.
Everybody plz share the playlist, this type of content must be promoted. Thankyou hitesh sir❤
Hey ! Thanks for Making video on the React Native Series
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
Hi Hitesh, i'm still looking forward to your next video !!
When will it be uploaded on you tube ??
if using safe area view then use style container on it not on view element
Without using style sheet also we can return Javascript object with styles. So what is use case of Stylesheet?
🤔
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. 🙂
Your videos are easily understandable...Even if I have to pay something for these kinds of lectures, I will happily do it.
It's not necessary to use StyleSheet anymore. Just a normal object would suffice
thank you thank you thank you sir 🥳🥳 for this series 🥳🥳
Thank you sir, waiting for next video.
sir, we are waiting for the upload of the next video
please upload it🙏
Thank you so much sir. This video helps me alot, you're the best teacher ever!!!
whats next is it end?
Waiting for next video..
When the next video sir? Please
Thanks buddy
Great job Hashnode💜
Sir please upload react native videos daily :)
i hope you'll teach us Redux in React Native
Depends on people, if they share the content and shows interest. 🙂
@@HiteshCodeLab please sir without that how we will make big complex apps
@@HiteshCodeLab we need it..
Sir you forgot to upload next video
Increase the likes , how it can be less than 1k !
Thanks a log bro for such wonderful knowledge free of cost
Thank you for the series. I am first time learning React Native and it's very easier to understand. Thanks @hashnode @hitesh
Sir when is today's video going to come??
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
Please upload next video for react native
New videos....?❓❓❓❓❓❓❓
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!
My logic is right (as what is shown on the video) regarding the light and dark background. I don't understand why my background is always light and never dark like what is on the video. Please help.
Love this series!
don't know why but drak mode is not working for me. printed isDarkMode and it's saying false
can someone help me to enable the autosuggest/ autocomplete in the editor? In my IDE I dont see the options when I press JSX. or for any item as it shown in the video.
Very good teaching skills
Amazing...
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
Thank you so much Sir for this...😊🌼
13:23 it worked for me, text changed to black
started following your react native tutorial, one problem i am getting is the dark mode isnt getting on no matter how much i try
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;
Great Content, Thank you Sir
sir can you make a video on how to debug the react native app.
Can we inspect the style like a web app?
sir video material ui and also appwrite Thank you
how to download react native android app on mobile or tab
Thanks
is there source code available for practice. please shere link, Your video content is very helpful, Thank you!!!
Can't we use tailwind?
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.
Hi Sir,
When is the next video releasing in this series?
P;
13:22 it did for me lmaoo [also with align-items center, my Hello World just becomes Hello any fix to that?]
how about funtion in StyleSheet?
Thank you
nice video
What's your opinion on CHATGPT?
Hello sir we need a new course Java, can you please sir start Java course as a beginner level 🙋🏻♂️🙏
So far with you 🚗
When will u start microservice Nodejs?
Such topics don’t have demand on RUclips. These are usually paid topics
It seems that you are not sure what you are going teach.
Done Sir,
👌👌👌👌
buce vue=dei
ooops not like that
2.45 waisted minutes, haven't heard anything in 3 minutes about styling
You mistakenly gave white text on both dark and light mode!
🙏👍👍