How to add custom font in react native android

by

UPDATE

Many answers are here for adding custom font in react-native for version < 0.60.

For those who are using react-native version > 0.60 , 'rnpm' is deprecated and custom fonts will not work.

Now, in order to add custom font in react-native version > 0.60 you will have to :

1- Create a file named react-native.config.js in the root folder of your project.

2- add this in that new file

module.exports = {
project: {
    ios: {},
    android: {},
},
assets: ['./assets/fonts']
};

For those running on react-native version < 0.69.x

3- run react-native link command in the root project path.

PS Make sure you have the right path for the fonts folder before running react-native link command

For those running on react-native version >= 0.69.x, Since link is deprecated so react-native link will not work anymore,
the command react-native link is replaced by npx react-native-asset.

More info about the release can be seen here: https://github.com/react-native-community/cli/releases/tag/v8.0.0

More Related Contents:

  1. Build and Install unsigned apk on device without the development server?
  2. What are my options for storing data when using React Native? (iOS and Android) [closed]
  3. React Native Android Fetch failing on connection to local API
  4. error “Could not get BatchedBridge, make sure your bundle is packaged properly” on start of app
  5. react-native: command not found
  6. How to style the standard react-native android picker?
  7. adb server is out of date. killing [duplicate]
  8. How do you debug React Native?
  9. Could not connect to React Native development server on Android
  10. Resource linking fails on lStar
  11. Save sensitive data in React Native
  12. React Native adb reverse ENOENT
  13. How to display GIF in react-native android app?
  14. React-Native, Android, Genymotion: ADB server didn’t ACK
  15. React-Native: Module AppRegistry is not a registered callable module
  16. Package signatures do not match the previously installed version
  17. Change package name for Android in React Native
  18. Facebook Sdk Has Not Been Initialized FacebookSdk.sdkInitialize()
  19. React-native google signin gives Developer Error
  20. Release APK Not Updating With JavaScript Code
  21. Execution failed for task ‘:app:checkReleaseDuplicateClasses’
  22. React Native on Android: Cannot run program “node”: error=2, No such file or directory
  23. How to solve (Could not initialize class org.codehaus.groovy.reflection.ReflectionCache) issue in react native
  24. React-native: Images not showing in android device; but shows perfectly in emulator
  25. Disable Screen Capture/ScreenShot in React Native App
  26. How to add network_security_config.xml to manifest in expo app without ejecting
  27. How to use an API from my mobile app without someone stealing the token
  28. How to use offline bundle on android for react native project?
  29. How to disable font scaling in React Native for IOS And Android app?
  30. How can I implement SSL Certificate Pinning while using React Native

Leave a Comment