I am using Expo with my React Native application and have reached the point of building the app and deploying it on the Play Store. However, I am having an issue with setting Android Adaptive Icon (foreground/background) fields in the app.json file. I followed the Expo documentation https://docs.expo.io/guides/app-icons/ however the app icon is just surrounded by a white circle.
{
"name": "ChowTime",
"displayName": "ChowTime",
"expo": {
"name": "ChowTime",
"slug": "ChowTime",
"version": "3.0.0",
"icon":"./assets/icon.png",
"android": {
"package": "com.yourcompany.chowtime",
"versionCode": 2,
"icon": "./assets/icon.png",
"adaptiveIcon": {
"foregroundImage": "./assets/icon.png",
"backgroundColor": "#000000"
}
},
"splash": {
"image": "./assets/splashScreen.png",
"resizeMode": "cover"
},
"platforms": ["ios", "android", "web"],
"assetBundlePatterns": ["**/*"]
}
}