Тёмный
No video :(

Using Custom Fonts in Expo React Native Apps with Splash Screen Loading - useFonts Hook 

MissCoding
Подписаться 8 тыс.
Просмотров 12 тыс.
50% 1

Hi everyone!
Today I'm going to show you how to load custom fonts for use in your expo react native app. I'll show you how to prevent the closing of the splash screen until the fonts are loaded and then close the splash screen when the fonts are loaded and how to use the custom fonts in Text components of your app.
If you are interested in my code from my expo-fonts tutorial today, you can find it on GitHub:
github.com/che...
For documentation on expo-fonts:
docs.expo.dev/...
You’ve clearly come here to learn and a free audible trial allows you to increase your learning potential in situations where you may be hands free like at the gym or on your commute. It allows you to spend more time on theory when you aren’t able to watch a screen, so that you can maximise your screen time to pick up technical skills. Try it for free today:
amzn.to/3ECMsom
// ABOUT ME
My name is Chelsea and I started studying software engineering in 2010. I have been working commercially full time since 2014 and have been in various positions from graduate developer to tech lead to solution architect.
I'm a full stack developer with a lot of experience in C# and Javascript but my passion is for mobile development; specifically native iOS development and cross platform using React Native.
I always have many things on the go and am always trying out a new side hustle and failing at it; perhaps you can learn from my mistakes!
Please like and subscribe if you enjoyed this video and want to see more like it!
Have any suggestions on topics you would like to learn more about? Please suggest them in the comments... I would love to help you out while doing a bit of learning myself!
// PRODUCTS USED
I use the following products in the creation of my videos:
Boya MM1 Microphone - amzn.to/3m6kif7
A reasonable quality and reasonably sturdy but cost effective microphone that can be used by both DSLR cameras, mobile phones and laptops
Canon 18-55mm Lens - amzn.to/3IwscFR
A kit lens but a decent quality lens for beginners getting used to a DSLR
Canon EOS Rebel T7 with 18-55mm Lens - amzn.to/3XZauAL
This is the kit I started with it includes the lens linked above and is a great starter camera.
I love Apple devices... These are the ones I use for my channel content creation:
Apple iPhone 13 - amzn.to/3KAUba4
A good all round phone, good for Apple development and recording videos with enough high quality features but at a cheaper price point than the pro versions.
Apple MacBook Pro - amzn.to/3KxrE5q
A nice portable computer for working from anywhere and perfect for iOS development
Apple iPad Air - amzn.to/3xU2k21
Really easy to use for graphic design if required for logos as part of my app development or editing the videos on the go.
Apple Pencil (2nd Generation) - amzn.to/3EBSwNS
For logo and icon design in Affinity Designer app for iPad
Logitech Folio Keyboard Touch - amzn.to/3XUYBM1
Adds keyboard and touchpad to iPad Air, making it easier to use for writing code/eBooks etc. on the go!
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you! Thank you for supporting my channel so I can continue to provide you with free content each week!
//CONTACT:
Please contact me at: hello@tripwiretech.com
//CRAVING MORE:
You can find links to all my different sites and social media over on Linktree: linktr.ee/miss...

Опубликовано:

 

25 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 31   
@night_city_nights
@night_city_nights 9 месяцев назад
So much clearer than the docs, thank you!
@wailuthman5679
@wailuthman5679 Год назад
thank you so much, your code work better then the official docs.
@BenyaminAbdu
@BenyaminAbdu 3 месяца назад
This is what I've been looking for. Better than the docs.
@chimitchylecra
@chimitchylecra 9 месяцев назад
After many hours to find how put a custom fonts with expo, i found your video, thank you so much for this tutorial, you help me so much !!!! 💕😊
@MissCoding
@MissCoding 9 месяцев назад
Awesome! Glad it helped 🙌
@luameduardo9611
@luameduardo9611 2 месяца назад
Thank you! You're a lifesaver!!!
@Gaurav.Kumawat
@Gaurav.Kumawat Год назад
Thank You so so much. I've been looking for this since yesterday and Finally found what I want.
@asiuniasiu
@asiuniasiu Год назад
Thank you, I've been stuck on this since yesterday!
@obeng-yeboahk.d1914
@obeng-yeboahk.d1914 Год назад
thank you so much been looking for this for a long time
@dardig3200
@dardig3200 Год назад
Thank you so much, i've been looking for a solution for hours and you explained it nice a simple !!!
@chetnalsconsults4620
@chetnalsconsults4620 Год назад
Thank you so much for this video.
@gabrielmoraes4516
@gabrielmoraes4516 Год назад
Thanks for making this tutorial! All the best!
@jbsinluenam
@jbsinluenam 9 месяцев назад
Hi! Thank you so much for the vdo! Subscribed!
@MissCoding
@MissCoding 9 месяцев назад
Thank you!
@user-ze8tz9no8l
@user-ze8tz9no8l 8 месяцев назад
Thank you so much ❤ you are awesome !!!
@ahmed-flexico
@ahmed-flexico 7 месяцев назад
thank you ,, you are the best
@user-ij5wg3yg8k
@user-ij5wg3yg8k Год назад
thank you so much madam.. you helped fix my problem
@rykageee
@rykageee Год назад
I understand this video more than the expo docs, thanks for this! Another question, how do I declare these fonts globally? or do I have to do this procedure on every page? thanks for the answer
@hoangng16
@hoangng16 5 месяцев назад
Thank you for the video. I have an issue as follows - The font was updated after following the instructions, but if I navigate to another screen and/or use a gesture to swipe up, tap the app again, move to another screen, and return to the screen having the custom font => the font disappears. It is a kind of unstable custom font. I'm using expo navigation to develop an IOS app.
@beforeandafterphotos
@beforeandafterphotos 5 месяцев назад
very helpful! So i dont need to import anything into my app.json file under plugins?
@sterlydolce
@sterlydolce 7 месяцев назад
please, i'm trying to add my own custom icon using useFont and its not working
@michelealbano4210
@michelealbano4210 Год назад
Thank you so much! Like and save video.
@facemeukom3900
@facemeukom3900 Год назад
Thanks
@dayvidsantos6763
@dayvidsantos6763 Год назад
very nice
@danieldeluca8192
@danieldeluca8192 Год назад
amazing
@davidlintin
@davidlintin Год назад
Hi, I've followed these steps with a variable font - however, the fontWeight prop isn't working do you know if I have to import the font weights one by one?
@kamzel8825
@kamzel8825 Год назад
gives me a 'rendered more hooks than during the previous render' error
@nicholascheah7431
@nicholascheah7431 Год назад
hi can i know whats the difference if i do this and just creating splash in app.json, since by adding splash in app.json i would be able to add in images, change background color as well.
@perafinparvej9400
@perafinparvej9400 Год назад
Hello mam Would you like to share any react native food app project?
@CamdenBloke
@CamdenBloke 2 месяца назад
it says that neither of those async methods are available on android (.hideAsync() or .preventAutoHideAsync()).
@notGman
@notGman Год назад
Thanks this works
Далее
I Built a WATERPARK In My House!
26:28
Просмотров 6 млн
Я ДОСТРОИЛ ЗАВОД - Satisfactory
19:13
Просмотров 150 тыс.
Cristiano ronaldo VS Tibo Inshape ! 😱😱
00:20
Whoa
01:00
Просмотров 11 млн
5 React Native Tips to WOW Your Users
16:36
Просмотров 21 тыс.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
Просмотров 943 тыс.
React Native CLI Setup for Windows [Created in 2024]
25:02
Expo in 100 Seconds
2:39
Просмотров 563 тыс.
Build EVERY Layout with Expo Router
1:24:16
Просмотров 34 тыс.
I Built a WATERPARK In My House!
26:28
Просмотров 6 млн