Icons are not displayed in android builds

[recursivetree]

Current behaviour

When I'm creating a android build, icons (e.g. the back button of the stack navigator) don't show. There is just a white space where the icons is supposed to be.

Expected behaviour

The icon should be rendered correctly.

How to reproduce?

1. Use a component that uses an icon
2. Create an android build (e.g. an .apk), install it and look at the icon. Note: It works fine in expo go

Preview

What have you tried so far?

I've made sure to follow the install steps described here: https://callstack.github.io/react-native-paper/docs/guides/getting-started#installation

As far as I understand, for android on expo you have to follow the following steps:

npm install react-native-paper
npm install react-native-safe-area-context
npm install react-native-vector-icons

Change babel.config.js to:

module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    env: {
      production: {
        plugins: ['react-native-paper/babel'],
      },
    },
  };
};

Your Environment

software	version
ios	not relevant
android	Android 15 api 35
react-native	0.76.3
react-native-paper	5.13.1
node	v22.13.1
npm or yarn	10.9.2
expo sdk	52.0.11

[paytham]

Edit android/app/build.gradle (NOT android/build.gradle) and add:

project.ext.vectoricons = [
    iconFontNames: [ 'MaterialCommunityIcons.ttf' ] // Specify font files
]

apply from: file("../../node_modules/react-native-vector-icons/fonts.gradle")

More info follow this guide.

[recursivetree]

Unfortunately, it does not fix the issue.

I'm kind of lost how I should approach this issue. The build succeeds, I don't get any error, yet it still doesn't work. I have no idea what to check or what could be causing it.

[recursivetree]

Ok, I finally manage to figure out what went wrong. It turns out that when using expo and setting the baseUrl experimental setting to "baseUrl": ".", the exact problem described in this issue happens.

https://docs.expo.dev/versions/latest/config/app/#baseurl

Interestingly enough, the issue only happens on android and not iOS or web.

Since I'm not too familiar with the react native ecosystem, if I want to raise an upstream issue, should I target react-native-vector-icons or expo?