Create and Start a project

Creating a react native project and starting the created project

1

Create a project

npx create-expo-app@latest
Template
Description

Default template. Designed to build multi-screen apps. Includes recommended tools such as Expo CLI, Expo Router library and TypeScript configuration enabled. Suitable for most apps.

Installs minimum required npm dependencies without configuring navigation.

A Blank template with TypeScript enabled.

Installs and configures file-based routing with Expo Router and TypeScript enabled.

A Blank template with native directories (android and ios) generated. Runs npx expo prebuild during the setup.

2

Config app.json

{
  "expo": {
    "name": "name",
    "slug": "slug",
    "version": "1.0.0",
    "orientation": "portrait",
    "userInterfaceStyle": "automatic",
    "icon": "./assets/icon.png",
    "splash": {
      "image": "./assets/splashscreen_logo.png",
      "resizeMode": "contain",
      "backgroundColor": "#ffffff"
    },
    "ios": {
      "bundleIdentifier": "com.name",
      "infoPlist": {
        "SKAdNetworkItems": [
        ],
        "NSUserTrackingUsageDescription": "ATT_Privacy_Description"
      },
      "supportsTablet": false,
      "deploymentTarget": "15.0",
      "buildNumber": "1.0.0",
      "privacyManifests": {
        "NSPrivacyAccessedAPITypes": [
          {
            "NSPrivacyAccessedAPIType": "NSPrivacyAccessedAPICategoryUserDefaults",
            "NSPrivacyAccessedAPITypeReasons": ["CA92.1"]
          }
        ]
      }
    },
    "android": {
      "package": "com.name",
      "versionCode": 1,
      "adaptiveIcon": {
        "foregroundImage": "./assets/adaptive-icon.png",
        "backgroundColor": "#ffffff"
      },
      "minSdkVersion": 24,
      "targetSdkVersion": 36
    },
    "plugins": [
      "expo-font",
      "expo-dev-client",
      [
        "react-native-google-mobile-ads",
        {
          "android_app_id": "ca-app-pub-xxx~xxx",
          "ios_app_id": "ca-app-pub-xxx~xxx",
          "androidAppId": "ca-app-pub-xxx~xxx",
          "iosAppId": "ca-app-pub-xxx~xxx"
        }
      ]
    ],
    "extra": {
      "eas": {
        "projectId": "xxxxx"
      }
    }
  }
}
3

Run

npx expo run:android

Last updated