Mandatory setup
info
Same documentation for all related projects like Delivery man
Run an existing flutter project on IDEโ
Change App Logoโ
You can generate app icon from this website https://app icon.co.
- Go to
<project>/assets/image/
and replace logo.png with your own logo. - Go to
<project>/assets/image/
and replace logo_name.png with your company name image. - Then go to
/android/app/src/main/res
and replace all mipmap folder with your<generated icon>/android
folder. - Again go to
/ios/Runner
and replace Assets.xcassets with your generated Assets.xcassets folder.
tip
Recommended tutorial is below ๐
Change App Nameโ
You need to set your app name in three different place. Open
<project>/lib/util/app_constrants.dart
and set the value ofAPP_NAME
/lib/util/app_constrants.dartstatic const String APP_NAME = โMy Appโ;
Change the value of label from
<project>/android/app/src/main/AndroidManifest.xml
/android/app/src/main/AndroidManifest.xmlandroid:label="My App"
Change the value of CFBundleName from
<project>/iOS/Runner/info.plist
/iOS/Runner/info.plist<key>CFBundleName</key>
<string>My App</string>tip
Recommended tutorial is below ๐
Change Base URLโ
Must remember that donโt put slash(/) at the end of your base url. Use your admin url as base url. First you have to
install your admin panel. For example: If your admin url is https://your_domain.com/admin
then base url will be
https://your_domain.com
. Open /lib/util/app_constrants.dart
and replace BASE_URL
variable value with your own URL.
static const String BASE_URL = 'https://your_domain.com';
tip
Recommended tutorial is below ๐
Change App Packageโ
First you have to find out the existing package name. You can find it out from top
of /app/src/main/AndroidManifest.xml
file. Now right click on project folder from android studio and click on replace in path
. You will get a popup window
with two input box. In first box you have to put existing package name that you saw in AndroidManifest.xml
file
previously and write down your preferred package name in second box and then click on Replace All
button.
tip
Recommended tutorial is below ๐
Setup Firebase for Push Notificationโ
First you have to change your package name. If you didnโt then follow this.
Create your own firebase project from https://console.firebase.google.com and also add an android app there with your own package name and app name.
warning
Do not create multiple project if you have multiple app like User App, Delivery App. Create only one project and add multiple app under project.
Click register app and download
google-services.json
file from there.Copy that file and paste it under
<project>/android/app/ folder
.Create a totally white png logo for notification icon. Paste it on
<project>/android/app/src/main/res/drawable/
and replacenotification_icon.png
with your whiter version logo.For IOS again create an app under same project and download
GoogleService-Info.plist
and paste it under<project>/iOS/
folder. Also follow this documentation for full setup for IOS: https://firebase.flutter.dev/docs/messaging/apple-integrationPaste firebase server key in admin panel Notification Settings section. You can get server key from
Firebase project settings->Cloud Messaging->Server Key
.
After your setup please restart your IDE and uninstall your previously installed app then run it. Also donโt try to test it on emulator or simulator. Emulator and simulators are unable to get push. Use real device in this case.
tip
Recommended tutorial is below ๐
Add Google Map API Keyโ
- You need to generate the google API key. Visit this link - https://developers.google.com/maps/documentation/embed/get-api-key
- You need to enabled mentione APIs: Direction API, Distance Matrix API, Geocoding API, Maps SDK for Android, Maps SDK for iOS, Place API.
- You have to enable billing account. Visit this url for activating: https://support.google.com/googleapi/answer/6158867?hl=en
- After generating API key, you have to put it on 3 different place for Android, iOS and web.
For android, open <project>/android/app/src/main/AndroidManifest.xml
and place the value of
com.google.android.geo.API_KEY
<meta-data android:name="com.google.android.geo.API_KEY" android:value=โYOUR_MAP_API_KEY_HEREโ/>
For iOS: open <project>/iOS/Runner/AppDelegate.swift
and place the value of GMSServices.provideAPIKey
GMSServices.provideAPIKey(โYOUR_MAP_API_KEY_HERE")
For web: open <project>/web/index.html
and place the value of https://maps.googleapis.com/maps/api/js?key
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_MAP_API_KEY_HERE"></script>
tip
Recommended tutorial is below ๐