React Native App Icon Expo Example

Oct 27, 2022 . Admin

This article will provide some of the most important example react native app icon expo. This tutorial will give you simple example of react native icon example. you can see react native expo icon. This post will give you simple example of react native app icon expo example.

In this example,We will add icon in react native.you can easy and simply change to icon in react native.let's below example.

Step 1: Download Project

In the first step run the following command to create a project.

expo init ExampleApp

Step 2: App.json

In this step, You will open the App.json file and put the code.

{
  "expo": {
    "name": "NewProject",
    "slug": "NewProject",
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/back_arrow.png",
    "userInterfaceStyle": "light",
    "splash": {
      "image": "./assets/Spash.png",
      "resizeMode": "cover",
      "backgroundColor": "#F54A4A"
    },
    "updates": {
      "fallbackToCacheTimeout": 0
    },
    "assetBundlePatterns": [
      "**/*"
    ],
    "ios": {
      "supportsTablet": true
    },
    "android": {
      "adaptiveIcon": {
        "foregroundImage": "./assets/adaptive-icon.png",
        "backgroundColor": "#FFFFFF"
      }
    },
    "web": {
      "favicon": "./assets/favicon.png"
    }
  }
}

Step 3: Run Project

In the last step run your project using the below command.