Create and Start a project
Creating a react native project and starting the created project
1
Create a project
npx create-expo-app@latestyarn create expo-appbun create expopnpm create expo-appTemplate
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"
}
}
}
}
Last updated