How To Add Custom Google Fonts In React Native Expo Applications | React Native Tutorial | JS
ฝัง
- เผยแพร่เมื่อ 22 เม.ย. 2022
- Hello guys, My name is Rohit Kumar Thakur. In this video, I am gonna show you, how to add custom google fonts to react native expo applications. React Native Expo is a cross platform framework, which gonna helps you to build mobile apps for both Android & iOS devices. The code part is not that much tough. You just have to follow the video to get the desired output. Happy Hacking
Topics covered:
✅ How to use google fonts in react native expo
✅ How to add custom fonts in react native applications
✅ Custom fonts for native platform applications
𝐁𝐨𝐨𝐤 ( 𝐅𝐫𝐨𝐦 𝐂𝐨𝐝𝐞 𝐓𝐨 𝐂𝐨𝐧𝐧𝐞𝐜𝐭𝐢𝐨𝐧𝐬: 𝐀 𝐃𝐞𝐯𝐞𝐥𝐨𝐩𝐞𝐫’𝐬 𝐠𝐮𝐢𝐝𝐞 𝐭𝐨 𝐛𝐮𝐢𝐥𝐝𝐢𝐧𝐠 𝐚 𝐬𝐨𝐜𝐢𝐚𝐥 𝐜𝐚𝐫𝐞𝐞𝐫 )
Amazon India: amzn.eu/d/axYh0B4
Amazon Worldwide: a.co/d/acqJOYR
Gumroad (pdf): ninza7.gumroad.com/l/codetoco...
My social Links:
Instagram: / _ninza7
Twitter: / _ninza7
Website: ninza7.me
Music Source: NCS
Tags: Android App development, IOS app development, Cross native apps, navigation in react native, react native for beginners, react native expo tutorial, react tutorial, react native projects, react native expo projects for beginners, react native expo projects with source code, JavaScript, JavaScript code, JavaScript projects for beginners, first mobile app react native expo, react native expo mobile app with source code, first react native expo setup in windows, Linux and macOS, react native paper, Small react native expo projects with source code, JavaScript project, add the custom google fonts to the cross platform framework react native expo applications.
#reactjs #javascript #reactnative #ios #android #react
Do Subscribe and keep supporting❤️
Works flawlessly Big Thanks
Thanks man! You saved me!
Glad to hear it!
Hi Ninza i read expo fonts documentation and also i watched your video about it. But i think i have a mistake because of that my text doenst appear with custom font. Can you help me, do you have any idea? Thanks from now.
function LogoTitle() {
const [loaded] = useFonts({
ink: require('./assets/fonts/Abcd.ttf'),
});
if (!loaded) {
return null;
}
return (
Subscribe Now
);
}
// it helped or not? let me know..
If you were to make it bold or italic, would it still work?
Yes, Expo has few default fonts, you must check the official docs for more information
App loading is deprecated please can you tell how to do it using the splash screen
I'll update this soon
Yes I'm facing same problem please make video how to solve
i follow all your steps but i am sad to see error
fontFamily "MySoul-Regular" is not a system font and has not been loaded through Font.loadAsync.
Can you show me your code? DM me on my social media handle or discord server
@@BugNinza I have the same problem too
friend I followed all your steps and I get this error: Rendered more hooks than during the previous..
I hope you can help me 🤲🏻
hook is called at top level (not conditionally). get yourself a cup of coffee and look at the code again.
what do you by mean?
@@BugNinza
how to do with mutiple screens
use global state change. I made a video on that. About how to change the app to dark theme