React Native Tutorial - 20 - StyleSheet API
Vložit
- čas přidán 29. 07. 2023
- 📘 Courses - learn.codevolution.dev/
💖 Support UPI - support.codevolution.dev/
💖 Support Paypal - www.paypal.me/Codevolution
💾 Github - github.com/gopinav
📱 Follow Codevolution
+ Twitter - / codevolutionweb
+ Facebook - / codevolutionweb
📫 Business - codevolution.business@gmail.com
StyleSheet API
React Native Tutorial
React Native Tutorial for Beginners
Just in case you forgot how to start a new project. npx create-expo-app@latest StylingRN --template blank@sdk-51 (Current SDK version is 51).
If you still have doubts about why we use StyleSheet instead of a simple object, there's another significant reason. Using StyleSheet, which is JavaScript-based styling, allows you to conditionally apply styles.
Eg:
const styles = StyleSheet.create({ container: { backgroundColor: IsRed ? 'red' : 'orange', }
Another important thing to note is since it's not CSS, the styles DO NOT CASCADE. So you cannot set the font or color in a parent element and expect it to affect child elements, it won't work.
TQ. good info
Hey it's really nice learning from you.. I would request you to plz make a video on the tailwind css and react native end to end config...
Thanks for making this video, God bless you.
Thank you ❤️❤️
Than u....
Sir could you please make one video on how we can create best file structure in react native?
Do we have framework or component library to design our app? Just like in react tailwind is so much popular and it's component library such as daisy ui or flowbite make design things much easier.
Yes, you can use tailwind and/or nativewind. Not everything is supported.
👍👍👍👍👍
Not tailwind/nativewind? 😢
creating 10 project on react native
Bro plz do flutter video playlist
@@user-te4dk6eb6f yes because react native we only create Android and IOS . But in flutter we can also create Laptop, tab, systems like Mac , windows and Linux also
@@user-te4dk6eb6f your welcome
Hindi please
You don't understand English??