SETUP-REACT-NATIVE.md

Setup guide for React Native Apps

If you use Expo, please follow this guide instead. This guide applies to vanilla React Native apps only.

Android

1. Rebuild your app. No extra steps needed for Android.

iOS

Tip

You will need to follow these instructions any time you add a new font

1. To use the icon packages you previously installed on iOS, run:

npx rnvi-update-plist package.json ios/AppName/Info.plist

2. Open ios/Info.plist and verify that the property called Fonts provided by application (or UIAppFonts if opening the file in a text editor) is present and contains the expected entries. For example:

List of all available fonts that could be present in Info.plist

    <key>UIAppFonts</key>
    <array>
      <string>FontAwesome6_Brands.ttf</string>
      <string>FontAwesome6_Regular.ttf</string>
      <string>FontAwesome6_Solid.ttf</string>
      <string>Octicons.ttf</string>
    </array>

2. Run pod install in the ios directory

cd ios && pod install

3. Rebuild your app

macOS

This needs more work, see details in #1624

Windows

Windows support status is unknown. If you have information on this, please open a PR to update this document.