Styling React Native Components: The Fundamentals of Stylesheet
Vložit
- čas přidán 31. 01. 2023
- 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/hiteshdotcom
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... - Věda a technologie
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
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.
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.
Your videos are easily understandable...Even if I have to pay something for these kinds of lectures, I will happily do it.
Thank you sir, waiting for next video.
Thanks buddy
Great job Hashnode💜
Thank you so much sir. This video helps me alot, you're the best teacher ever!!!
thank you thank you thank you sir 🥳🥳 for this series 🥳🥳
Love this series!
Hi Hitesh, i'm still looking forward to your next video !!
When will it be uploaded on you tube ??
Thank you so much Sir for this...😊🌼
Great Content, Thank you Sir
Thanks a log bro for such wonderful knowledge free of cost
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?
🤔
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
Very good teaching skills
Can we inspect the style like a web app?
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.
Waiting for next video..
Sir please upload react native videos daily :)
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
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. 🙂
sir, we are waiting for the upload of the next video
please upload it🙏
Sir when is today's video going to come??
started following your react native tutorial, one problem i am getting is the dark mode isnt getting on no matter how much i try
Thank you for the series. I am first time learning React Native and it's very easier to understand. Thanks @hashnode @hitesh
When the next video sir? Please
Amazing...
Please upload next video for react native
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..
is there source code available for practice. please shere link, Your video content is very helpful, Thank you!!!
It's not necessary to use StyleSheet anymore. Just a normal object would suffice
whats next is it end?
sir can you make a video on how to debug the react native app.
What's your opinion on CHATGPT?
Sir you forgot to upload next video
13:22 it did for me lmaoo [also with align-items center, my Hello World just becomes Hello any fix to that?]
Thank you
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.
nice video
Thanks
don't know why but drak mode is not working for me. printed isDarkMode and it's saying false
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
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!
sir video material ui and also appwrite Thank you
13:23 it worked for me, text changed to black
Can't we use tailwind?
how to download react native android app on mobile or tab
When will u start microservice Nodejs?
Such topics don’t have demand on CZcams. These are usually paid topics
Increase the likes , how it can be less than 1k !
Hello sir we need a new course Java, can you please sir start Java course as a beginner level 🙋🏻♂️🙏
Done Sir,
how about funtion in StyleSheet?
New videos....?❓❓❓❓❓❓❓
👌👌👌👌
Hi Sir,
When is the next video releasing in this series?
P;
So far with you 🚗
🙏👍👍
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;
buce vue=dei
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!