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...
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
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
I'm having such problems with this. Hope you can help. As far as I know, I've followed your video to the letter, using bare React Native with iOS. All I get is 'Unrecognisable font family' in the iOS Simulator. Then when I restart the Simulator I get a build failure with a huge stack trace, which as a beginner means nothing at all to me. Could you help please?
@@mashschool I tried that as well, to no avail. I may be doing it wrong though. So if I take Ubuntu-Regular.ttf for example. The file name is 'Ubuntu-Regular.ttf' in both assets/fonts and info.plist. When I open the font in Font Book, the PostScript Name is Ubuntu-Regular and Full Name is Ubuntu Regular. So in my stylesheet code I apply the 'Full Name' value, i.e. text: { fontSize: 18, fontFamily: 'Ubuntu Regular' }. I have not changed the Ubuntu-Regular.ttf file name in assets/fonts or info.plist. Is that correct, or have I missed any steps?
if someone gets an error: [fonts/AntDesign.ttf] E:\projects eactNative\LesMash2\android\app\src\main\assets\fonts\AntDesign.ttf [fonts/AntDesign.ttf] E:\projects eactNative\LesMash2\android\app\build\intermediates\ReactNativeVectorIcons\fonts\AntDesign.ttf: Error: Duplicate resources then use npx react-native unlink react-native-vector-icons
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. 😉
That was so simple and functional! Thank you man!
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...
its not working on expo . expo wont read modules
Great Tutorials Man Thank you
Thanks man you save my time🙂
Thank you ..all your videos explanation on react native CLI are very informative, clear and precise.
Glad it was helpful!
Hi, Thanks for the video!
your tutorials are the best free react native resource out there! They are amazing :) Thank you
Wow, thanks!
Thank you, Mash, helped me! =D
awesome job bro! thanks a lot
Liked it !
Worked for me! Awesome job bro
Great to hear!
thank you so much for this tutorial!!!
thanks you from Turkey :)
Welcome!
Thanks for saving my life lol
what does do here? is any doc to check it? thx
7:33 Can I replace "require" with "import"?
thank you !!!
excellent !!!
hii carla
nice
i can not link it 😞get a "error: unknown command 'unlink'". what can be a problem ? thx
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
Every videos I liked before u start
Thanks for your support
tnx
how can i use font in multiple components?
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
you're welcome. Session 14 is about Modal.
When I run:
npx react-native link
I get...
error: unknown command 'link'
Hey I had the same prob try this instead npx react-native-asset
How can I override font for whole app at once and not adding fontFamily to each Text component?
You can create a custom component and define the font just for it. And then, work with the component you created instead of the default component.
@@mashschool Hey, thank you for responding, I got it fixed by using "react-native-global-props" and it works great, thanks :)
@@sikandarchishty react-native-global-props hasn't been maintained since 2018. so becarful
I am getting merge debug assets failed could you please help me out?
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
Yes, soon
link doesn't work:
Accessing non-existent property 'padLevels' of module exports inside circular dependency
any ideas about this error?
Try run in administrator mode.
I'm having such problems with this. Hope you can help. As far as I know, I've followed your video to the letter, using bare React Native with iOS. All I get is 'Unrecognisable font family' in the iOS Simulator. Then when I restart the Simulator I get a build failure with a huge stack trace, which as a beginner means nothing at all to me. Could you help please?
I've explained this here:
ua-cam.com/video/O5K0c6_xScw/v-deo.html
thanks for your reply. I've checked the video. problem is I'm not using Xcode. I'm using webstorm
The problem is with the font name. See the "Solve the font problem" section. Xcode not required.
@@mashschool I tried that as well, to no avail. I may be doing it wrong though. So if I take Ubuntu-Regular.ttf for example. The file name is 'Ubuntu-Regular.ttf' in both assets/fonts and info.plist. When I open the font in Font Book, the PostScript Name is Ubuntu-Regular and Full Name is Ubuntu Regular. So in my stylesheet code I apply the 'Full Name' value, i.e. text: { fontSize: 18, fontFamily: 'Ubuntu Regular' }. I have not changed the Ubuntu-Regular.ttf file name in assets/fonts or info.plist. Is that correct, or have I missed any steps?
@@mcooling74 Try the font name without -Regular, it might work.
How do you do this with not a google expo font?
At 07:08, I have explained how to use custom fonts in Expo.
Did not work for me… says font is not recognized as a system font
Awesome! ty! Cli is better than expo heheheh
not working for expo
If you used react navigation in the expo project, it may interfere with one of its dependencies.
@@mashschool Yes, I used. However I don't have any errors. It changed nothing. When I tried to make a different project it works. I don't know why
this is not working on expo
This gives a warning:
expo-app-loading is deprecated in favor of expo-splash-screen
same
Bro, you should be unique. what is "programming with mash" , a variant of programming with mosh??😕
Mash is actually a combination of my first and last name, which I also mentioned in the About section of the channel.
if someone gets an error:
[fonts/AntDesign.ttf] E:\projects
eactNative\LesMash2\android\app\src\main\assets\fonts\AntDesign.ttf [fonts/AntDesign.ttf] E:\projects
eactNative\LesMash2\android\app\build\intermediates\ReactNativeVectorIcons\fonts\AntDesign.ttf: Error: Duplicate resources
then use npx react-native unlink react-native-vector-icons
you saved my day bro thanks :)
Thanks Bro.
For those who are trying to use .ttf, try to use .otf, for me it worked