Setup Mobile Application

In this section we will guide you how to setup the mobile part.

For setup the mobile part you need to required following things.

Note: Please make sure you must have to add your billing details to enable the Google map key for the place picker.

Without this you wont be able to use map key.

Start Setup Mobile Application.

To setup the mobile application you must have to follow all steps carefully one by one.

  • Download latest product from the codecanyoun.

  • Open or unzip the packages.

  • Open VSCode or Android studio and drag and drop homemeal application folder on it.

  • Please make sure HomeMeal works on Flutter 2.10.1 version so proper flutter version should be installed.

  • Check Flutter version with flutter doctor command

  • Clean code before install dependencies using flutter clean command

  • Install all required dependancies using flutter pub get command

  • Connect real android device or ios device and run on it.

  • Cheers... App will works perfectly.

  • Before going to replace base url and all things you must have to setup admin panel on your server.

  • Please go to server setup page and follow all instructions.

Replace Base URL for connecting your server to application.

  • Open constant.dart file you will able to get base url, theme colour and all required url which you need to replace with existing one which we have kept for the reference purposes.

Replace Application Name

  • To replace application name you must have to replace App name at ios side as well as at android side.

  • For android side go to AndroidManifest.xml file and you will able to change the Application name which you want.

  • Please check attached image for the App name only. Ignore for the google map at this moment.

  • Replace Name at IOS side you must have to open ios file on xcode. you will able to change the app name on target sdk page.

  • Please replace your name and new bundle identifier which you want to keep on appstore as shown in image.

Add Google Map key in mobile application.

Adding google map key to mobile application you must have to crate the project on google map

console.Once you crated the application you must have to enable your map key for android and for the ios.

  • Go to GoogleMap console.

  • Create project there and add billing details for that project.

  • Without adding billing details you want be able to enable map keys.

  • Enable ios and android map key for google map and for the google places.

Follow this link for google map

Please check This Section too for mobile application.

  • Once you add billing details and enable google map and place picker key you need to replace on you flutter application.

MapKey replace at Android side.

  • Open Constant.dart file and go to Keys sections.

  • Please replace direction api and google map api here.

  • Now open the AndroidManifext.xml file again from the android folder. Replace google map key here as shown in image.

  • Now you will able to show the google map and search places.

  • Make sure billing address and map/places api must be enable otherwise it will not work.

Add google Map key at IOS Side.

  • Open ios folder on Xcode and go to the Appdelegate.swift file.

  • On this file you will get Google map key.

  • Please replace your ios google map key there which you have enabled from the google map console.

Replace App Icons and Currency

  • To replace app icon you must have your own app icons with 512x512 size.

  • To replace app icon at ios side you must have your own icons with 1024x1024 size.

Click to Generate AppIcon for android and ios

You will able to generate the app icons for the ios and for the android.

  • Open res folder which is inside the Android/app/main folder.

  • We have already added the sample app icons there.

  • Please replace your app icons with existing one.

Replace all ios icons here which you have generated for ios too.

You can follow this tutorial too for replace app name and icon.

Push notification Setup

Check Video Tutorial for Android

How to setup Firebase Push notification at IOS Side

Thats all done at application side.

You can enjoy now. Fill free to contact us if you have any query.

Thank you

Last updated