Expo EAS - How to add Splatters and App Icon

Question

I want to know to add app icons, splatters, etc. in Expo App like the old app.json. I have found nothing on the internet but didn't find anything. Below is my old app.json config.

{
  "expo": {
    "name": "Shopapp",
    "slug": "shop_app",
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/icon.png",
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#ffffff"
    },
    "updates": {
      "fallbackToCacheTimeout": 0
    },
    "assetBundlePatterns": [
      "**/*"
    ],
    "ios": {
      "supportsTablet": true
    },
    "android": {
      "adaptiveIcon": {
        "foregroundImage": "./assets/adaptive-icon.png",
        "backgroundColor": "#FFFFFF"
      },
      "package": "com.example.www",
      "versionCode": 3
    },
    "web": {
      "favicon": "./assets/favicon.png"
    }
  }
}

Answer 1

You can simple use same config file if you want with some adjustments. You can refer: Keep config in separate files, select the config in app.config.js

Rename your app.json to app.development.json and create app.config.js with the following contents:

Example

module.exports = () => {
    return require("./app.development.json");
};