Changing App Name
Overview
Change your app's display name for both iOS and Android platforms.
Quick Configuration
Option 1: Using Environment Variables (Recommended)
Update the .env file:
env
APP_NAME=Your Store NameThen restart the app:
bash
npm start -- --clearOption 2: Edit app.config.js Directly
Open app.config.js and update the name:
javascript
module.exports = ({ config }) => ({
...config,
name: process.env.APP_NAME || "Your Store Name",
// ...
});Platform-Specific Settings
Update app.config.js for bundle identifiers:
typescript
ios: {
bundleIdentifier: "com.yourcompany.yourstore",
infoPlist: {
CFBundleDisplayName: process.env.APP_NAME || "Your Store",
},
},
android: {
package: "com.yourcompany.yourstore",
},App Identifiers
iOS Bundle Identifier
Format: com.companyname.appname (lowercase, no spaces)
typescript
ios: {
bundleIdentifier: "com.yourcompany.yourstore"
}Android Package Name
Format: com.companyname.appname (lowercase, no spaces)
typescript
android: {
package: "com.yourcompany.yourstore"
}Important Notes
- Bundle/Package IDs are permanent: Once published to app stores, these cannot be changed
- Choose wisely: Use your company domain in reverse
- No special characters: Only letters, numbers, and dots
- Lowercase only: Both platforms require lowercase
Examples
Retail Store
typescript
name: "Fashion Hub",
ios: { bundleIdentifier: "com.fashionhub.app" },
android: { package: "com.fashionhub.app" }Multi-vendor Marketplace
typescript
name: "MarketPlace Pro",
ios: { bundleIdentifier: "com.marketplace.pro" },
android: { package: "com.marketplace.pro" }Rebuilding After Changes
After updating:
bash
# Development (Expo Go)
npm start -- --clear
# Development Build (to see name on simulator home screen)
npx expo prebuild --clean
npx expo run:ios
# or
npx expo run:android
# Production builds
eas build --platform allNote: In Expo Go, you won't see the app name on the simulator home screen - only in development/production builds created with expo run:ios or eas build.
Changing Name After Publishing
If your app is already on the app stores:
- Display Name: Can be changed in app stores
- Bundle/Package ID: Cannot be changed (requires new app listing)
Need Help?
- Check Expo Configuration
- Read the Deployment Guide
