Preparing your Flutter App for the Apple Store

As promised, I had said I would be sharing my experience of publishing my new Flutter app on the Apple Store. The target OS in this case would either be iOS or MacOS depending on how far I was willing to go with this. Now I would assume that you have installed Xcode and iOS SDK as well as Flutter SDK on your Mac. If not please take a few hours depending on your bandwidth and install them before you proceed.

Opening Your Flutter Project on Xcode

Once you open Xcode you can move to open your already existing project and navigate to your ios directory from where you are to open the Xcode workspace and not the Xcode project.

ios/Runner.xcworkspace

Once you open it you may want to look at a few things which in this case will define your app going forward in terms of identifying it on the Apple Store.

1. SDKs:

   • Supporeted Destinations

   • Minimum Deployments

2. Identity:

   • App Category

   • Display Name

   • Bundle Identifier: Set it up on the apple developer website first

   • Version: Set it the apple store connect website e.g 0.0.1

   • Build: is incremental like Build 1, Build 2

3. App Icons

Setting your App Icons

Set your app icons is pretty easy on Xcode once you have generated them. You can use this site https://www.appicon.co/ to generate them. It generates all the icons you may need from Android to Mac, iPad and iPhone Icons and you have you zipped package that you can download to your pc.

Once you have navigated to Assets.xcassets from the Runner directory on the left sidebar you just need to click on AppIcon in the second sidebar to open up your AppIcon Assets.

Now open the icons you downloaded and extracted because you will be dragging the appropriate icons to replace on Xcode.

For instance to replace iPhone Notification icon labelled as 2x:

1. Click on 2x to reveal its definition on the extreme sidebar on the right.

2. Note the definition as Icon-App-20x20@2x 1.png

3. On your Finder window locate the corresponding icon which is 40.png

   • please note that: 40 = 20 x 2 just like Icon-App-20x20@3x.png gives us 60.png

4. After dragging the appropriate icon it will be replaced both on Xcode and on the directory.

Setting Information on the App Store Connect

Now if you check your app on the AppStoreConnect you might have some heavy data entry work to do depending on what your app is about.

Required Information or Items:

1. Support Link

2. Privacy Policy Link

3. Copyright Link depending

That is it for this one see you at the next one where I plan to talk about Submitting your app to the Apple Store

---

Don't fail to Follow me here on Hashnode and On

Twitter @ JacksiroKe | Linked In Jack Siro | Github @ JacksiroKe