How to Publish Flutter App on App Store

Steps by Step guide

• Create Apple Developer Account
• Register Bundle Identifier
• Get App icon & App screenshot ready
• App Store Connect Listing Process
• Open Project on Xcode & Build

Create Apple Account

Please go to https://developer.apple.com/account and Create apple developer account. Remember apple developer account is associated with your email ID only. So choose right email ID and keep it safe. Apple developer account account cost is $99 per year.

Suppose you are going to release app for your client, it is good practice to create separate account for them to avoid dispute in future.

Register Bundle Identifier

After you signup on developer program, first thing you need to do is Register a Bundle ID for your app. Every iOS application is associated with a Bundle ID, a unique identifier registered with Apple.

1. On https://developer.apple.com/account/#/overview page click on “Certificates Identifiers & Profiles” OR you can directly visit the https://developer.apple.com/account/resources/certificates/list. On left side menu click on “Identifiers” (Screen 1 below).
2. Click + to create a new Bundle ID. Select “App ID” on next page & click continue.
3. Select App type — “App” & click continue.
4. Next page “Register an App ID” — Add short description about app and select Bundle ID as Explicit and enter an “App Package Name” (Screen 2 below).
5. On the next page, confirm the details and click Register to register your Bundle ID.

Screen 1 : –

Screen 2 :-

Create App Icon & ScreenShots

Now you have bundle ID, it’s time to prepare flutter project to fulfilled apple guide lines. We need to create multiple app icons for multiple devices. There is so many online tools available to generate iOS icons. My favourite is https://appicon.co. Just upload 1024×1024 px image & it will generate the all apple icons for you. Download the zip file and extract it. There you can see the folder name as “AppIcon.appiconset” inside “Assets.xcassets” folder. copy this folder and Open flutter project on android studio. Click on iOS folder in project directory your_project_name/ios/Runner/Assets.xcassets/AppIcon.appiconset. Paste & Replace the copied folder here.

You can also change the splash screen by replacing “LauncherImage” inside “LaunchImage.imageset”. Apple has provided the App Review Guidelines, Please have a look on it, But Don’t go too deep into it.

App Store Connect Listing Process

Now go to Apple Store Connect & go to my App. Click on + icon to create new App. On popup window, write App name, select language , select Bundle ID that we have created in last step and write SKU. Please select full access radio button and click on “Create”.

Now on next page, filled all the details. Please be careful when uploading screenshot. Below are the screenshot image dimension.

app screenshot 6.5 display — 1242×2688, 2688×1242, 1284x 2778, app screenshot 5.5 display — 1242x 2208, 2208x 1242 app screenshot 12.9 3rd. — 2048×2732, 2732x 2048 app screenshot 12.9 2nd. — 2048×2732, 2732x 2048

Please Remember screenshot images should not contains “flutter debug” tag on right top corner. You can disable flutter debug tag by writing below code in materialApp.

MaterialApp( debugShowCheckedModeBanner: false,)

Open Project on Xcode & Build

Now it is time to upload app on Apple Connect. Open flutter project in android studio, Go to tool/firebase/ open ios module on XCode. Your flutter project has successfully export into XCode. First test app is running successfully or not in xcode. Connection your iPhone device via USB cable and click on RUN button on top in XCode window. If there is any error in xcode run then close the xcode window and run it on android studio to make the correction in code.

Once you have run the code successfully, On Xcode window, first open is folder icon, click on it. Navigate to your target’s settings in Xcode:

1. in the main view sidebar, select the Runner target.
2. Select the General tab. there you can change app Display name. Remember bundle identifier should be the same that you have created in early stage.
3. Deployment info section- select device
4. Signing & Capabilities tab — if you are using xcode first time then it will promote you to login with your Apple Developer id. Just signin it then select TEAM as your developer account. Please checked automatically manage signin.
5. Rest options are automatically filled for you. Don’t need to make change on it.
6. Toolbar — Go to Product/Destination/Build (any ios device arm64, armv7)
7. Toolbar — Go to Product/Archive. Again you will see popup window, click on validate app and keep continue untill you go successful message.
8. Once app get validated click on Distribute App and again same popup window will appear. Once you go successful upload app on apple store, that means your build is ready to publish.
9. Note — it will 10–20 minutes to appear build on apple store connect as build. So wait until you can see it.
10. Now you are ready to “Submit for review”. Click on it, if you missed any field to be filled then one message will be appear on top beside the “submit for review” button. Filled all the necessary details and again submit the app.