React Native Tutorial #22 - Custom Fonts in React Native CLI & Expo Projects

preview_player
Показать описание
🔥 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 use custom fonts and we will do this in React Native CLI and Expo projects.

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

🔥 The Complete React Native Course:

💻 Project Source Code in GitHub:

🔗 Google Fonts:

🔗 expo-google-fonts Directory:

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

😍 Subscribe my channel for more React Native Tutorials:

💝 Join my channel to get access to perks:

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

⏱️ Timestamps:
React Native Tutorial #22 - Custom Fonts in React Native CLI & Expo Projects
00:00 Intro
00:20 Custom font in React Native CLI
04:02 Google fonts in Expo
07:08 Custom font in Expo

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

#ProgrammingWithMash #ReactNative #CustomFonts
Рекомендации по теме
Комментарии
Автор

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
Автор

I've done exactly like you did...
I'm getting this error in my Expo Project:
fontFamily "Nunito_600SemiBold" is not a system font and has not been loaded through Font.loadAsync.
- If you intended to use a system font, make sure you typed the name correctly and that it is supported by your device operating system.
- If this is a custom font, be sure to load it with Font.loadAsync.

Please help...

krishnakantmodani
Автор

if someone gets an error:
[fonts/AntDesign.ttf] [fonts/AntDesign.ttf] Error: Duplicate resources

then use npx react-native unlink react-native-vector-icons

teymurlacinligitara
Автор

i can not link it 😞get a "error: unknown command 'unlink'". what can be a problem ? thx

dieterlevin
Автор

That was so simple and functional! Thank you man!

fellypsantos_
Автор

what does <AppLoading /> do here? is any doc to check it? thx

xiaotingshao
Автор

When I run:
npx react-native link
I get...
error: unknown command 'link'

BradEllis-qt
Автор

I am a newbie learning React Native, I am still curious about how you came up with calling the command 'react-native link' ? Where do you get that instruction ? Pls let me know so that I can dive into it

hainguyenviet
Автор

I am getting merge debug assets failed could you please help me out?

pradyumnakubear
Автор

7:33 Can I replace "require" with "import"?

amanda-gj
Автор

Awesome! ty! Cli is better than expo heheheh

ilsochrist
Автор

Bro, you should be unique. what is "programming with mash", a variant of programming with mosh??😕

SLabs-myvr
Автор

thank you so much for this tutorial!!!

peachesmm
Автор

This gives a warning:

expo-app-loading is deprecated in favor of expo-splash-screen

Dralsoft
Автор

link doesn't work:
Accessing non-existent property 'padLevels' of module exports inside circular dependency

any ideas about this error?

moghulkant
Автор

how can i use font in multiple components?

asemmuhammad
Автор

Thank you ..all your videos ! You can make a lot of videos about animation in react native tutorial from beginner to advance ?
Thank so much

vantungpham
Автор

please make a detailed video on modal also. how can we open and close a modal and specially how can we close modal on touch/tap at any place on screen . thanks in advance

umairali
Автор

Thank you ..all your videos explanation on react native CLI are very informative, clear and precise.

leongvincent
Автор

How can I override font for whole app at once and not adding fontFamily to each Text component?

sikandarchishty