React Native Expo published app not displaying logo properly

Question

I published an app on Google Play. Everywhere the logo is fine, but when I install app on physical device from Google Play, it does not show the full logo of my app. Weird behaviour, kind of like it zooms in, cuts off the edges. I suspect it's something to do with my app.json, I tried with a bunch of image sizes, maybe I am not trying correct ones.

"icon": "./192.png",
"android": {
  "adaptiveIcon": {
    "foregroundImage": "./Icon.png",
    "backgroundImage": "./BG.png"
},

This is the latest code I tried. 192.png is basically 192 x 192 image. Icon.png is the icon image by itself (not including the background of the icon). BG.png is the background color of the image.

How I expected it to show up once installed How it shows up once installed

I tried using 512 x 512 png image in the icon field as well, but that did not work either.

I don't experience this when using the icon field, but I'm not certain about adaptiveIcon — Slbox
– Slbox, Commented Mar 27, 2024 at 1:05
What do you do that works for your icons? Earlier I published another app, that app also had the same problem, even though not as bad as this one. — Mobin Akhter
– Mobin Akhter, Commented Mar 27, 2024 at 1:20
Just don't use the adaptiveIcon field. Use icon at the top level of the config. — Slbox
– Slbox, Commented Mar 27, 2024 at 20:49

Ali hassan · Accepted Answer · 2024-03-27 08:44:46Z

0

you have to add the path from assets properly in app.json for icon,

like

"icon": "./assetsPath/example.png",
"android": {
  "adaptiveIcon": {
    "foregroundImage": "./assetsPath/example.png",
    "backgroundImage": "./assetsPath/example.png"
},

enter image description here

answered Mar 27, 2024 at 8:44

Ali hassan

92 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mobin Akhter Over a year ago

I have the images in the root of the project. Where the App.js is, it isn't a path issue, since logo is showing up in the 1st place.

yakupozbaydar · Accepted Answer · 2024-03-27 22:25:19Z

0

On android app icon zoom into center a little so Expo has a app icon and splash screen guide about it.You can fit your app into through this template it will be alright.

https://www.figma.com/community/file/1155362909441341285

answered Mar 27, 2024 at 22:25

yakupozbaydar

263 bronze badges

Collectives™ on Stack Overflow

React Native Expo published app not displaying logo properly

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related