Building App for iOS

You can review the App Store Connect tutorial for a more detailed overview.

Watch the video tutorial showing the steps of how to build iOS app on macOS.

Or follow the instructions and steps presented in this manual.

Please note that for building an iOS app you need to go through these steps first:

1. Flutter Setup for the macOS system 2. Android Studio Setup on mac 3. Installing Flutter Packages on mac 4. Setting the Site URL on mac

These steps are required for the proper installation of Flutter packages and smooth further work.

Launch Xcode and open the file Runner.xcworkspace which is located in the ios folder.

Go to File > Runner and enter the Version and Build in the specified fields.

In the Display Name enter the name of the app.

Add your App Icon

You can add icons to your app in the App Icons and Launch Images section of the Xcode General panel. To add icons click on the arrow icon and open the asset catalog

Tip: Follow the Human Interface Guidelines when creating the app icon. You can use the App Icon Generator tool.

In the Finder, drag variations of your app icon to the wells in the detail area match their resolutions

Alternatively, select the asset catalog containing your app icon set in the Project navigator and drag variations to the wells.

Finally, review the icon set has been applied by running your app using Xcode device simulator

Tip: For a detailed overview of using simulator, see the Run your app in Simulator from Xcode.

After that, click Product > Archive and wait while the runner is archiving.

When the process is finished, in the popup window click Distribute App.

Select upload option to Send app to App Store Connect.

Next, select profile and continue. Once the process is finished, click on Upload.

After that, select the option Manually manage signing.

The select Profile.

![](https://support.stylemixthemes.com/storage/stm-manuals/June2020/select_profile (2).png)

Next, click on the Upload.

![](https://support.stylemixthemes.com/storage/stm-manuals/June2020/finish (2).png)

The uploading process will start, wait until it is finished.

Archive upload successfully completed.

Last updated