{"id":65,"date":"2025-07-21T06:58:47","date_gmt":"2025-07-21T06:58:47","guid":{"rendered":"https:\/\/documentation.iqonic.design\/prokit-flutter\/?p=65"},"modified":"2025-07-28T08:17:57","modified_gmt":"2025-07-28T08:17:57","slug":"android-configuration","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/prokit-flutter\/android-configuration\/","title":{"rendered":"\ud83e\udd16Android Configuration"},"content":{"rendered":"<div class=\"nolwrap\">\n<p>\ud83d\udd52&nbsp;<strong>Estimated Reading Time<\/strong>: 2 minutes<br>\ud83d\udcc2&nbsp;<strong>Location<\/strong>: Configurations &amp; Customization \u2192 Android Configuration<\/p>\n\n\n\n<p>\u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udccc<strong>&nbsp;What is this file for?<\/strong><\/h2>\n\n\n\n<p>This guide helps you configure your Flutter-based Android app for&nbsp;ProKit, including app identity, Firebase integration, launcher and notification icons, and APK generation.<\/p>\n\n\n\n<p id=\"block-88291e9d-e043-4c61-b217-ad23ef93cbf5\">\u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udd39 1. Open the Android Module<\/h2>\n\n\n\n<p>You can open the Android module in two ways:<\/p>\n\n\n\n<p><strong>Method 1:<\/strong>&nbsp;Select the&nbsp;<strong>Android Module<\/strong>&nbsp;from the same project you\u2019re attempting to open by going to&nbsp;<strong>File -&gt; Open<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-33.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-33.png\" alt=\"\" class=\"wp-image-396\" \/><\/a><\/figure>\n\n\n\n<p><strong>Method 2:<\/strong>&nbsp;Navigate to&nbsp;<strong>Tools -&gt; Flutter -&gt; Android Studio -&gt; Open Android Module<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-34.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-34.png\" alt=\"\" class=\"wp-image-397\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udd39 2.&nbsp;<strong>Change The Application Id<\/strong><\/h2>\n\n\n\n<p>\ud83d\udccc The Application ID is a unique identifier for your app (like&nbsp;<code>com.example.myapp<\/code>). Once published on Play Store,&nbsp;<strong>you should not change it<\/strong>.<\/p>\n\n\n\n<p><strong>Where to update:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Application ID, change the&nbsp;<strong>applicationId<\/strong>&nbsp;in the&nbsp;<strong>app\/build.gradle<\/strong>&nbsp;file.<\/li>\n\n\n\n<li>Locate the&nbsp;<strong>build.gradle<\/strong>&nbsp;file at this path:&nbsp;<strong>android\/app\/build.gradle<\/strong>.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-preformatted\">defaultConfig {<br>   <strong> applicationId \"YOUR_PACKAGE_NAME\"<\/strong><br>    minSdkVersion 21<br>    targetSdkVersion 31<br>    versionCode 1<br>    versionName \"1.0\"<br>    testInstrumentationRunner \"android.support.test.runner.AndroidJUnitRunner\"<br>}<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udd39&nbsp;<strong>3. Change Version Name &amp; Version Code<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Version Name:<\/strong>&nbsp;Visible to users (e.g., \u201c1.0.1\u201d)<\/li>\n\n\n\n<li><strong>Version Code:<\/strong>&nbsp;A numeric value used by Google Play to track app updates.<\/li>\n<\/ul>\n\n\n\n<p><strong>File location:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Version Name and Version Code change the&nbsp;<strong>versionName<\/strong>&nbsp;and&nbsp;<strong>versionCode<\/strong>&nbsp;in the&nbsp;<strong>build.gradle<\/strong>&nbsp;file at the app level.<\/li>\n\n\n\n<li>Locate the&nbsp;<strong>build.gradle<\/strong>&nbsp;file at this path:&nbsp;<strong>android\/app\/build.gradle<\/strong>.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-preformatted\">defaultConfig {<br>    applicationId \"com.iqonic.example\"<br>    minSdkVersion 21<br>    targetSdkVersion 31<br>   <strong> versionCode \"CHANGE_THE_VERSION_CODE\"<\/strong><br>    <strong>versionName \"CHANGE_THE_VERSION_NAME\"<\/strong><br>    testInstrumentationRunner \"android.support.test.runner.AndroidJUnitRunner\"<br>}<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udd39 4. Change the App Name<\/h2>\n\n\n\n<p><strong>IMPORTANT<\/strong><\/p>\n\n\n\n<p>To change the name of your Android application in Android Studio, you have to change the value of the property&nbsp;<strong>android:label<\/strong>&nbsp;defined inside the &lt;<strong>application<\/strong>&gt;&nbsp;node in&nbsp;<strong>AndroidManifest.xml<\/strong>.<\/p>\n\n\n\n<p>File location:&nbsp;<strong>android\/app\/src\/main\/AndroidManifest.xml<\/strong><\/p>\n\n\n\n<p>Update the&nbsp;<strong>android:label<\/strong>&nbsp;inside the &lt;<strong>application<\/strong>&gt; tag:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;application<br>    android:label=\"YOUR_APP_NAME\"&gt;<br>&lt;\/application&gt;<code><\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udd39 5. Change App Icon<\/h2>\n\n\n\n<p><strong>IMPORTANT<\/strong><\/p>\n\n\n\n<p>Android Studio includes a tool called Image Asset Studio that helps you generate your own app icons from material icons, custom images, and text strings. It generates a set of icons at the appropriate resolution for each pixel density that your app supports. Image Asset Studio places the newly generated icons in density-specific folders under the res\/ directory in your project. At runtime, Android uses the appropriate resource based on the screen density of the device your app is running on.<\/p>\n\n\n\n<p>Image Asset Studio helps you generate the following icon types:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/developer.android.com\/studio\/write\/create-app-icons#create-adaptive\" target=\"_blank\" rel=\"noreferrer noopener\">Launcher icons Adaptive &amp; Legacy<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/developer.android.com\/studio\/write\/create-app-icons#create-legacy\" target=\"_blank\" rel=\"noreferrer noopener\">Legacy Launcher Icon<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/developer.android.com\/studio\/write\/create-app-icons#create-actionbartab\" target=\"_blank\" rel=\"noreferrer noopener\">Action bar and Tab Icons<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/developer.android.com\/studio\/write\/create-app-icons#create-notification\" target=\"_blank\" rel=\"noreferrer noopener\">Notification icons<\/a><\/li>\n\n\n\n<li>Tv Banner<\/li>\n\n\n\n<li>Tv Channel Icon<\/li>\n<\/ul>\n\n\n\n<p>For More Details You can checkout&nbsp;<a href=\"https:\/\/developer.android.com\/studio\/write\/create-app-icons\" target=\"_blank\" rel=\"noreferrer noopener\">Android Studio Editor<\/a>&nbsp;Guide for creating Android Icons.<\/p>\n\n\n\n<p><strong>Generate Icon Process<a href=\"https:\/\/apps.iqonic.design\/documentation\/kivicare-laravel-doc\/build\/docs\/getting-started\/app\/Configuration\/android#generate-icon-process\" target=\"_blank\" rel=\"noopener\">\u200b<\/a><\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Configure Image Asset\n<ul class=\"wp-block-list\">\n<li>Choose Icon type<\/li>\n\n\n\n<li>Set Icon Name<\/li>\n\n\n\n<li>Choose Asset Type<\/li>\n\n\n\n<li>Customize Icon (Resize , Trim , Padding)<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Confirm Icon Path\n<ul class=\"wp-block-list\">\n<li>Choose Mode for Icon<\/li>\n\n\n\n<li>Finish<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><strong>Generate App Launcher Icon<\/strong><\/p>\n\n\n\n<p><strong>Method 1 : Use Android Studio To Generate Launcher Icons<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to&nbsp;<strong>android\/app\/src\/main\/res<\/strong>&nbsp;folder.<\/li>\n\n\n\n<li>Right-click on the&nbsp;<strong>res<\/strong>&nbsp;folder and select&nbsp;<strong>New \u2192 Image Asset<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-35.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-35.png\" alt=\"\" class=\"wp-image-398\" \/><\/a><\/figure>\n\n\n\n<p><strong>INFO<\/strong><\/p>\n\n\n\n<p>Foreground Layer : The foreground layer is the primary part of the icon that contains the main visual elements. It\u2019s the layer that the user selects the source asset for, which can be an image, clip art or text.<\/p>\n\n\n\n<p>Background Layer : The background layer is the area behind the foreground layer. It can be used to add a background color or image element to the icon. If you don\u2019t want green background for laucher Icon then set background layer suitable to your Launcher Icon.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-36.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-36.png\" alt=\"\" class=\"wp-image-399\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose Icon Type \u2013&nbsp;<strong>\u201cLauncher icons Adaptive &amp; Legacy\u201d<\/strong><\/li>\n\n\n\n<li>Select the path of your Image and press Next.<\/li>\n\n\n\n<li>Select App mode for app Icon.<\/li>\n\n\n\n<li>Then Press Finish.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-37.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-37.png\" alt=\"\" class=\"wp-image-400\" \/><\/a><\/figure>\n\n\n\n<p><strong>Method 2 : Generate Online<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/icon.kitchen\/i\/H4sIAAAAAAAAA6tWKkvMKU0tVrKqVkpJLMoOyUjNTVWyKikqTa3VUcrNTynNAUlGKyXmpRTlZ6Yo6Shl5hcDyfLUJKXYWgA19PHYPwAAAA%3D%3D\" target=\"_blank\" rel=\"noreferrer noopener\">Icon Kitchen<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.appicon.co\/\" target=\"_blank\" rel=\"noreferrer noopener\">App Icon Generate<\/a><\/li>\n<\/ul>\n\n\n\n<p>The basic process of this website is \u2013<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose Asset type<\/li>\n\n\n\n<li>Basic Configuration<\/li>\n\n\n\n<li>Choose Device Type<\/li>\n\n\n\n<li>Generate and Get the Zip<\/li>\n\n\n\n<li>After extracting zip you get res folder replace it with your android\/app\/src\/main \u2013 res folder<\/li>\n<\/ul>\n\n\n\n<p><strong>Generate Notification Icon<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to&nbsp;<strong>android\/app\/src\/main\/res<\/strong>&nbsp;folder.<\/li>\n\n\n\n<li>Right-click on the&nbsp;<strong>res<\/strong>&nbsp;folder and select&nbsp;<strong>New \u2192 Image Asset<\/strong>.<\/li>\n\n\n\n<li>Choose Icon Type \u2013&nbsp;<strong>\u201cNotification\u201d<\/strong><\/li>\n\n\n\n<li>Select the path of your Image and press Next.<\/li>\n\n\n\n<li>Select App mode for app Icon.<\/li>\n\n\n\n<li>Then Press Finish.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-38.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-38.png\" alt=\"\" class=\"wp-image-401\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-39.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-39.png\" alt=\"\" class=\"wp-image-402\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udd39 6. Generate Notification Icon<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to&nbsp;<strong>android\/app\/src\/main<\/strong>.<\/li>\n\n\n\n<li>Open your Androidmanifest.xml and check for lines below. If not exist just add this line otherwise Paste the Name of Icon you just created into \u201candroid:resource\u201c.<\/li>\n<\/ol>\n\n\n\n<p><strong>Then, update your AndroidManifest.xml:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;meta-data<br>    android:name=\"com.google.firebase.messaging.default_notification_icon\"<br>    android:resource=\"@drawable\/ic_stat_notification\" \/&gt;<code><\/code><\/pre>\n\n\n\n<p><strong>INFO<\/strong><\/p>\n\n\n\n<p>Update notification icon name into\u00a0<strong>\u201clib \u2192 utils \u2192 push_notification_service.dart\u201d<\/strong>\u00a0Follow the Steps mentioned in\u00a0<a href=\"https:\/\/documentation.iqonic.design\/prokit-flutter\/configurations-customization\/flutter-configuration\">Flutter Configuration<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udd39 7. Add the Firebase JSON File<\/h2>\n\n\n\n<p><strong>INFO<\/strong><\/p>\n\n\n\n<p>\ud83d\udccc As part of enabling Google APIs or Firebase services in your Android application, you need to set up Firebase and download the Google JSON file.<\/p>\n\n\n\n<p><a href=\"https:\/\/documentation.iqonic.design\/prokit-flutter\/flutter-configuration\/\">Click Here<\/a>\u00a0to set up Firebase and download the Google JSON file.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udd39 8. Generate Signed APK \/ AAB<\/h2>\n\n\n\n<p>Follow these steps to generate a signed APK or AAB for distribution:<\/p>\n\n\n\n<p>1. Open the&nbsp;<strong>build<\/strong>&nbsp;menu and Select&nbsp;<strong>Generate Signed Bundle\/APK<\/strong>.Choose&nbsp;<strong>APK<\/strong>&nbsp;and click&nbsp;<strong>Next<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-40.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-40.png\" alt=\"\" class=\"wp-image-403\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-41.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-41.png\" alt=\"\" class=\"wp-image-404\" \/><\/a><\/figure>\n\n\n\n<p>2. &nbsp;Now you will have two options create a new Keystore or choose existing keystore.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you choose to create a new keystore:<\/li>\n\n\n\n<li>A dialogue will appear, prompting you to specify the path of the keystore and give it a name.<\/li>\n\n\n\n<li>Enter your password and confirm it.<\/li>\n\n\n\n<li>Select the alias name.<\/li>\n\n\n\n<li>Confirm the password.<\/li>\n\n\n\n<li>Enter any additional information if required.<\/li>\n\n\n\n<li>Click&nbsp;<strong>OK<\/strong>&nbsp;to create your keystore.<\/li>\n\n\n\n<li>If you choose to use an existing keystore, simply select it.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-42.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-42.png\" alt=\"\" class=\"wp-image-405\" \/><\/a><\/figure>\n\n\n\n<p>After selecting your keystore or creating a new one, click&nbsp;<strong>Next<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-43.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-43.png\" alt=\"\" class=\"wp-image-406\" \/><\/a><\/figure>\n\n\n\n<p>Choose the release mode and proceed with building the APK.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-44.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-44.png\" alt=\"\" class=\"wp-image-407\" \/><\/a><\/figure>\n\n\n\n<p>\ud83d\udccc Important: For Play Store, it\u2019s recommended to use AAB (Android App Bundle) instead of APK.<\/p>\n\n\n\n<p>\u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013<\/p>\n\n\n\n<p><strong>\ud83c\udfa5 <strong>Video Reference: How to Build ProKit Flutter App for Android<\/strong><\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>This video walkthrough begins with an overview of the ProKit Flutter app structure, followed by steps to open the Android module from the Flutter project. It also covers how to <strong>change the Application ID<\/strong>, <strong>update the Version Code and Version Name<\/strong>, and <strong>customize the Application Name<\/strong>. At the end, it explains how to <strong>generate a Signed APK<\/strong> for releasing the app.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to build ProKit Flutter in Android\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/QKMfASEX9As?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>\u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 Setup Completed!<\/h3>\n\n\n\n<p>\ud83c\udf89 Great! You have successfully configured your Android project for ProKit mobile app. Your app is now ready with:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Custom App Name and Icons<\/li>\n\n\n\n<li>Firebase Integration<\/li>\n\n\n\n<li>Version Control<\/li>\n\n\n\n<li>Signed APK \/ AAB for deployment<\/li>\n<\/ul>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd52&nbsp;Estimated Reading Time: 2 minutes\ud83d\udcc2&nbsp;Location: Configurations &amp; Customization \u2192 Android Configuration \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":0,"parent":52,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-65","post","type-post","status-publish","format-standard","hentry","category-prokit-flutter"],"featured_image_src":null,"author_info":{"display_name":"flutteradminiq","author_link":"https:\/\/documentation.iqonic.design\/prokit-flutter\/author\/flutteradminiq\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/posts\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/comments?post=65"}],"version-history":[{"count":8,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/posts\/65\/revisions"}],"predecessor-version":[{"id":339,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/posts\/65\/revisions\/339"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/posts\/52"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/media?parent=65"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/categories?post=65"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/tags?post=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}