React Native Tutorial #23 - Global Styles & How to Use Custom Fonts Globally in Project

Показать описание

🔥 Get a discount on 'The Complete React Native Course 2023: from Zero to Hero' on Udemy by using the promo code D782E3. As the instructor, I'll be there to answer any technical questions you may have. Plus, you'll get access to more exams and coding exercises, updated content, and no background music or ads. After completing the course, you can get a valid certificate on Udemy to showcase your skills. Click the link below to enroll now with the discount.

--------------------------------------------------------------------------------

🌟 In this session, we want to define styles globally so that we can use them on all pages. By doing this, we no longer write duplicate code on each page, and with a change in the global style, we can make changes on all pages.

--------------------------------------------------------------------------------

🔥 The Complete React Native Course:

💻 Project Source Code in GitHub:

--------------------------------------------------------------------------------

😍 Subscribe my channel for more React Native Tutorials:

💝 Join my channel to get access to perks:

--------------------------------------------------------------------------------

⏱️ Timestamps:
React Native Tutorial #23 - Global Styles & How to Use Custom Fonts Globally in Project
00:00 Intro
00:28 Why we need to use Global Style
01:08 Restructuring source files
01:58 Create global style
02:43 Using global font partially
03:42 Using global style for commonly components
04:39 How to use global style & global fonts in expo projects

--------------------------------------------------------------------------------

#ProgrammingWithMash #ReactNative #GlobalStyles

Рекомендации по теме

Комментарии

If you have any questions about this or request tutorials in this style, be sure to leave a comment below, and thank you for liking the video. 😉

mashschool

Thanks Mash for one more excellent tutorial!
Can you please show ho to use fonts globally in expo projects by creating a custom text component?
Thanks in advance
/Peter

plelkes

please make single video that covers all 3 navigations, stack navigation, drawer navigation and tab navigation in one project.

umairali

If I use a global.var for any of the style and changed it during runtime will it affect the current style of the component

rudracoder

React Native Tutorial #23 - Global Styles & How to Use Custom Fonts Globally in Project

React Native Tutorials - 23 - Shadow and Elevation

React Native Tutorial #23 - Navigation Options

React Native Tutorial 23 - React Native Passing Multiple Props

React Native Tutorial #23 - Global Styles & How to Use Custom Fonts Globally in Project

React Native Tutorial | Full Course

React Native tutorial #23 useEffect hook as life cycle method in functional component

React Native Crash Course | Build a Complete App

React Native Tutorial 23: Login Application - Part 2

I built the same app in three frameworks.

React Native Course – Android and iOS App Development

React Native Crash Course

React Native Tutorial - 1 - Introduction

The Complete React Native Course: from Zero to Hero

React Native Tutorial #1 - Introduction

React-native tutorial # 23 Axios api handler | simple example of api handle

#23 - Navigate To Product Details Page - React Native Tutorial For Beginners 2023

Build and Deploy Your First Modern React Native App | NFT Marketplace Course - Extremely Easy!

React Native Crash Course for Beginners - Build 4 Apps in 14 Hours (Redux, Tailwind + More) [2023]

React Native Tutorial 1: Introduction!

React Native Course | Build a Complete News App Project

Keyboard Handling tutorial for React Native apps

React Native tutorial #2 React-Native environment setup for windows

How to Install React Native in Windows 11 - (2023)

Top 9 React Native UI Component Libraries in 2023