{"id":84,"date":"2025-04-03T07:25:17","date_gmt":"2025-04-03T07:25:17","guid":{"rendered":"https:\/\/documentation.iqonic.design\/streamit-laravel\/?p=84"},"modified":"2026-01-29T10:22:05","modified_gmt":"2026-01-29T10:22:05","slug":"android-configuration","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/streamit-laravel\/android-configuration\/","title":{"rendered":"Android Configuration"},"content":{"rendered":"<div class=\"nolwrap\">\n<p>\ud83d\udd52\u00a0<strong>Estimated Reading Time<\/strong>: 2 minutes<\/p>\n\n\n\n<p>Setting up Android for your Streamit Laravel Project<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Open Android Module<\/strong><\/h2>\n\n\n\n<p>The Android module can be accessed in&nbsp;<strong>Two ways<\/strong>:<\/p>\n\n\n\n<p>1.Select the&nbsp;<strong>Android Module<\/strong>&nbsp;from the same project you&#8217;re attempting to open by going to&nbsp;<strong>File \u2192 Open<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Android_Configuration1.png\" alt=\"\" class=\"wp-image-385\" \/><\/figure>\n\n\n\n<p>2. Navigate to&nbsp;<strong>Tools \u2192 Flutter \u2192 Android Studio \u2192 Open Android Module<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"864\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Android_Configuration2.png\" alt=\"\" class=\"wp-image-386\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Change The Application Id<\/strong><\/h2>\n\n\n\n<p><strong>IMPORTANT<\/strong><\/p>\n\n\n\n<p>Every android_ app has a unique application id that looks like a Java package name, such as com.example.myapp. This id uniquely identifies your app on the device and in the google play store. Once you publish your app, you should never change the application id.<\/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><code>app\/build.gradle<\/code><\/strong>&nbsp;file.<\/li>\n\n\n\n<li>Locate the&nbsp;<strong><code>build.gradle<\/code><\/strong>&nbsp;file at this path:&nbsp;<strong><code>android_\/app\/build.gradle<\/code><\/strong>.<\/li>\n\n\n\n<li>This application Id will be used in firebase to setting up the firebase<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-preformatted\">defaultConfig {<br>    applicationId \"YOUR_PACKAGE_NAME\"<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\"><strong>Change The Version Name<\/strong><\/h2>\n\n\n\n<p><strong>IMPORTANT<\/strong><\/p>\n\n\n\n<p>The version name is a string value that represents the &#8220;friendly&#8221; version name displayed to the users. The version name is displayed to the user.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For version name, change the&nbsp;<strong><code>versionName<\/code><\/strong>&nbsp;in the&nbsp;<strong><code>build.gradle<\/code><\/strong>&nbsp;file at the app level.<\/li>\n\n\n\n<li>Locate the&nbsp;<strong><code>build.gradle<\/code><\/strong>&nbsp;file at this path:&nbsp;<strong><code>android_\/app\/build.gradle<\/code>.<\/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>    versionCode 1<br>    versionName \"CHANGE_THE_VERSION_NAME\"<br>    testInstrumentationRunner \"android_.support.test.runner.AndroidJUnitRunner\"<br>}<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Change The Version Code<\/strong><\/h2>\n\n\n\n<p><strong>IMPORTANT<\/strong><\/p>\n\n\n\n<p>The version code is an incremental integer value that represents the version of the application code. The version code is used by the google play store for new updates. If you increase the version code, the update will be visible to all users.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For version code, change the&nbsp;<strong><code>versioncode<\/code><\/strong>&nbsp;in the&nbsp;<strong><code>build.gradle<\/code><\/strong>&nbsp;file at the app level.<\/li>\n\n\n\n<li>Locate the&nbsp;<strong><code>build.gradle<\/code><\/strong>&nbsp;file at this path:&nbsp;<strong><code>android_\/app\/build.gradle<\/code>.<\/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>    versionCode \"CHANGE_THE_VERSION_CODE\"<br>    versionName \"1.0.0\"<br>    testInstrumentationRunner \"android_.support.test.runner.AndroidJUnitRunner\"<br>}<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Change The App Name From Manifest File<\/strong><\/h2>\n\n\n\n<p><strong>IMPORTANT<\/strong><\/p>\n\n\n\n<p>Whenever you make a project in android_ studios you give a project name, your app\u2019s name is derived from that. The user will know your app with this name on google playstore.<\/p>\n\n\n\n<p>To change the name of your android<em>&nbsp;application in android<\/em>&nbsp;studio, you have to change the value of the property android_:label defined inside the application node in AndroidManifest.xml<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;application<br>    android_:label=\"YOUR_APP_NAME\"&gt;<br>&lt;\/application&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Change The App Icon<\/strong><\/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<\/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;<code>android\/app\/src\/main\/res<\/code>&nbsp;folder.<\/li>\n\n\n\n<li>Right-click on the&nbsp;<code>res<\/code>&nbsp;folder and select&nbsp;<code>New \u2192 Image Asset<\/code>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"544\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Change_App_Icon1.png\" alt=\"\" class=\"wp-image-689\" \/><\/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&#8217;s 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&#8217;t 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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"720\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Change_App_Icon2.png\" alt=\"\" class=\"wp-image-690\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose Icon Type<\/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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"719\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Change_App_Icon3.png\" alt=\"\" class=\"wp-image-691\" \/><\/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<\/ul>\n\n\n\n<p>The basic process of this website is &#8211;<\/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>Choose Icon Type<\/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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"719\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Change_App_Icon4.png\" alt=\"\" class=\"wp-image-692\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"719\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Change_App_Icon5.png\" alt=\"\" class=\"wp-image-693\" \/><\/figure>\n\n\n\n<p>Change notification icon in Androidmanifest.xml<\/p>\n\n\n\n<ul 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<\/ul>\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;<\/pre>\n\n\n\n<p><strong>INFO<\/strong><\/p>\n\n\n\n<p>Update notification icon name into&nbsp;<strong>&#8220;lib\/utils\/push_notification_service.dart&#8221;<\/strong>&nbsp;Follow the Steps mentioned in&nbsp;<a href=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/configurations-customization\/flutter-configuration\">Flutter Configuration<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Add Google JSON File<\/strong><\/h2>\n\n\n\n<p><strong>INFO<\/strong><\/p>\n\n\n\n<p>As part of enabling Google APIs or Firebase services in your android_ application.&nbsp;<a href=\"https:\/\/apps.iqonic.design\/documentation\/streamit-laravel-documentation\/build\/docs\/getting-started\/app\/configuration\/firebase\" target=\"_blank\" rel=\"noopener\">Click Here<\/a>&nbsp;to set up Firebase and download the Google JSON file.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Change the Google AdMob App ID in AndroidManifest.xml<\/strong><\/h2>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;meta-data<br>    android:name=\"com.google.android.gms.ads.APPLICATION_ID\"<br>    android:value=\"GOOGLE_ADMOB_APP_ID\" \/&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Generate Signed APK<a href=\"https:\/\/apps.iqonic.design\/documentation\/streamit-laravel-documentation\/build\/docs\/getting-started\/app\/configuration\/android#generate-signed-apk\" target=\"_blank\" rel=\"noopener\">\u200b<\/a><\/strong><\/h2>\n\n\n\n<p>To generate a signed apk (android_ package), follow these steps:<\/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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"864\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Android_Configuration3.png\" alt=\"\" class=\"wp-image-387\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"768\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Android_Configuration4.png\" alt=\"\" class=\"wp-image-388\" \/><\/figure>\n\n\n\n<p>2. Now you will have two options create a new keystore or choose existing keystore.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"768\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Android_Configuration5.png\" alt=\"\" class=\"wp-image-389\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you choose new keystore, a dialogue will appear in which you must specify the path of the keystore and give it a name.<\/li>\n\n\n\n<li>Then enter your password and confirm it. Select the alias name, confirm the password, and enter any additional information before clicking ok. Your key store has been created.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"768\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Android_Configuration6.png\" alt=\"\" class=\"wp-image-390\" \/><\/figure>\n\n\n\n<p>3. Then click the next button, choose the release mode, and begin building the apk.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"768\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Android_Configuration7.png\" alt=\"\" class=\"wp-image-391\" \/><\/figure>\n\n\n\n<p><strong>NOTE:<\/strong><\/p>\n\n\n\n<p>To publish the app in google play store, you will need the aab(android app bundle), So to create the aab, you have to follow the same steps, just that you have to select the aab option in step 2 instead of apk<\/p>\n\n\n\n<p><strong>SUCCESSFUL !!<\/strong><\/p>\n\n\n\n<p><strong>Great! You Have Successfully Configured Android Module!<\/strong><\/p>\n\n\n\n<p><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd52\u00a0Estimated Reading Time: 2 minutes Setting up Android for your Streamit Laravel Project Open Android Module The Android module can be accessed in&nbsp;Two ways: 1.Select the&nbsp;Android Module&nbsp;from the same project you&#8217;re attempting to open by going to&nbsp;File \u2192 Open. 2. Navigate to&nbsp;Tools \u2192 Flutter \u2192 Android Studio \u2192 Open Android Module. Change The Application Id [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":78,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-84","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"featured_image_src":null,"author_info":{"display_name":"laraveladminiq","author_link":"https:\/\/documentation.iqonic.design\/streamit-laravel\/author\/laraveladminiq\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/posts\/84","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/comments?post=84"}],"version-history":[{"count":8,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/posts\/84\/revisions"}],"predecessor-version":[{"id":1713,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/posts\/84\/revisions\/1713"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/posts\/78"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/media?parent=84"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/categories?post=84"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/tags?post=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}