React native Question posted in
The official React Native documentation can be found here.

React Native Expo published app not displaying logo properly

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.

Tags:

2

Answers


  1. 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

    Login or Signup to reply.
  2. 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

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search