categories: Technology & Innovation
All you need to know about styling in React Native, how to change the text styling in addition to learning how to change the view styling.
How to adjust and change the styling to fit the platform that you're using whether its IOS or Android, image styling and how to use Flexbox in React Native.
Using different google fonts and creating a custom text component. How to create stack navigator and tab navigator to move between the pages, in addition to adding the Dart & Light schemes.
Free lessons
Styling Basics
Text Styling
1. Styling in React Native
Styling Basics
Text Styling
View Styling
Styling iOS & Android Differently
Image Styling
Using Flexbox in React Native
2. Fonts, Navigation, Themes, Localization & Internationalization
Loading Custom Fonts
Creating a Custom Text Component
Defining Prop Types Components
Refactoring our Code
Creating a Stack Navigator
Creating a Tab Navigator
Adding Light & Dark Colour Schemes
Customizing the Light & Dark Themes Colors & Fonts
Customizing the Tab Bar Icons & Fonts
Switching the App Direction between RTL & LTR
Translating Strings in the App
Loading Common Translations
Mobile applications are used in pretty much every aspect of our lives these days. From social networking, entertainment, and gaming to shopping, commuting, and banking. And if you got an idea for an application that you’d like to build, it could be quite expensive and time-consuming to develop two separate applications, for iOS and Android, with two code bases from scratch. Therefore, this series of five training courses is designed to teach you about React Native that enables developers to utilize the very same code base to effortlessly build native applications operating on both platforms.
This training course requires prior knowledge of JavaScript, ReactJS, and Git.
Front-end Developer
398 Learners
5 Courses