Getting Started with Styled Components in React Native
We're all familiar with Stylesheets in React Native, but using Styled Components is a more elegant way to handle styling in your React Native apps. Some of the benefits of using SC include more manageable UI code, improved readability, and being able to reuse css across both React Native and ReactJS.
*Cheetah Coding is the old name of this channel.
00:00 - Intro
00:32 - Summary of initial code
01:22 - Installing the library
01:54 - Creating a styled container (View) component
04:54 - Creating styled text components
08:35 - Creating a styled image component
10:30 - Creating a styled button component
16:57 - Passing and accessing props in your styled components
20:20 - Importing the same styled components in multiple files
21:35 - Creating a styled TextInput component
28:21 - Adding attributes in your styled components
30:21 - Using attributes to set secure entry for a password field
31:31 - Using attributes to create a placeholder in your TextInput
33:31 - Adding a Theme to your styled components using the ThemeProvider component
40:02 - Accessing your theme object inside of your styled components
💻Get the Code: https://github.com/theflutterfactory/...
⚡Connect on Facebook: / flutterfactory
⚡Connect on Twitter: / flutterfactory