React Native Solve Unrecognized Font Family Material Design Icons Error in iOS MAC

React native vector icons is one of the largest free Icons library available for developers in react native. Configuration of react native vector icons is not so easy in both Android and iOS, But using their own configuration guide we can easily setup vector icons for both platforms. After upgrading to react native 0.60 or upper version we have seen a new error in iOS devices in MAC while configuring vector icons. The error is known as ‘Unrecognized Font Family Material Design Icons Error ‘. To solve this error we have to add UIAppFonts in info.plist file.

Screenshot of Error:

React Native Solve Unrecognized Font Family Material Design Icons Error in iOS MAC

Contents in this project React Native Solve Unrecognized Font Family Material Design Icons Error in iOS MAC:

1. To solve this error, GoTo Your_React_Native_Project -> ios -> Your_Project_Name -> info.plist file. Open the info.plist file in any code editor and put below line of code with key UIAppFonts.

Below is the the source code for my project’s info.plist file :-

Here you go friends. Now your project is ready to use with React Native Vector Icons 🙂 .

Leave a Reply

Your email address will not be published. Required fields are marked *