Setup Android App

Table of Contents

Android Source Code Setup #

  1. Download the Mobijet Agents & Clients app purchased package from Codecanyon. Open the source code (project folder/ mobijet folder) in your preferred Code Editor by simply Drag & Drop the folder to the Code Editor. We recommend to use VS Code, especially for flutter apps.
  2. You must be ready with your unique App label , Andoid App package name, Project folder name
  3. Rename the “mobijet” folder name with your “project folder name“.
  4. Replace the default package name (com.tctech.mobijetdemo) with your android package name inside the following files:
    • android/app/src/main/kotlin/com/tctech/mobijet/MainActivity.kt
    • android/app/src/main/res/values/strings.xml
    • android/app/src/main/AndroidManifest.xml
    • android/app/src/profile/AndroidManifest.xml
    • android/app/src/debug/AndroidManifest.xml
    • android/app/build.gradle
  5. Rename these file names (mobijet) with your project folder name in the following path:
    • android/mobijet_android.iml
    • mobijet.iml
  6. Rename these folder names as per your android app package name in the following path:
    • android/app/src/main/kotlin/com/tctech/mobijet
  7. Replace App label name “Mobijet” with your “App Label name” in the following path:
    • android/app/src/main/AndroidManifest.xml
android:label="Mobijet"

Change Assets #

Replace the assets in the following paths with your assets with the same name, same format & same dimensions.

App Icon : #

Firstly place the assets in the same path mentioned:

  • assets/appicon/appicon.jpg

Run the following command in vscode terminal to set the appicon automatically for android and ios :

flutter pub get

flutter pub run flutter_launcher_icons:main
Notification Icon (android only): #
  • android/app/src/main/res/drawable/transparent.png

    Replace the notification Label color in: android/app/src/main/res/values/color.xml
<color name="colorAccent">#06a54d</color>
Splash Screen : #
  • assets/images/splash.jpeg

Please make sure the file name is splash.jpeg but not splash.jpg

Applogo (for login screen): #
  • assets/images/applogo.png
Call Ringtone (for incoming call ringing): #
  • assets/sounds/ringtone.mp3
  • android/app/src/main/res/raw/ringtone.mp3
  • assets/sounds/ringtone.caf
  • assets/ios_assets/ringtone.caf

Please Note : Maximum ringtone duration should be less than 26 seconds.

Call Dialing Tone (when calling): #
  • assets/sounds/callingtone.mp3

Change Colors #

Replace the following colors in : lib/Configs/my_colors.dart. with your desired colors keeping the same tone in each color (darken/lighten) for a good looking UI.

  static final Color primary = Color(0xff6a78f5);
  static final Color secondary = Color(0xff52b2ed);
  static final Color agentSecondary = Colors.cyan;
  static final Color agentPrimary = Color(0xff00b8ff);
  static final Color agentButton = Colors.black;
  static final Color customerPrimary = Color(0xff6a78f5);
  static final Color customerSecondary = Colors.orange;
  static final Color customerButton = Colors.black;
  static final Color managerPrimary = Color(0xff707df0);
  static final Color managerSecondary = Color(0xff50b2b4);
  static final Color managerButton = Colors.black;
 static final Color chatMessageBubbleBackgroundColor = Colors.blue;
  static final Color bottomnavbariconcolor = Mycolors.grey.withOpacity(0.8);
  static final Color loadingindicator = Colors.purple;
  static final Color textboxbordercolor = Color(0xff74798b).withOpacity(0.1);
  static final Color textboxbgcolor = Color(0xfff8f9fe).withOpacity(0.8);
  static final Color backgroundcolor = Color(0xfff8f9fe);
  static final Color onlinetag = Color(0xff6BD438);
  static final Color notificationdotcolor = Colors.green;
  static final Color fiberchatChatbackground = new Color(0xffdde6ea);
  static final Color splashBackgroundSolidColor = Color(0xFFFFFFFF);

Setup App Configuration #

Setup basic mandatory configuration for your App inside: lib/Configs/app_constants.dart

const Appname = 'Mobijet';
const AppTagline = 'Customer, Agents & Payments Management App'; 
const DEFAULT_COUNTTRYCODE_ISO = 'US';
const DEFAULT_COUNTTRYCODE_NUMBER = '+1';
const FONTFAMILY_NAME = null; // Refer the Font change guide to change this.

Optional App Configuration #

Setup optional configuration for your App inside : lib/Configs/optional_constants.dart (We recommend, not changing it) :


int maxChatMessageDocsLoadAtOnce = 20; //Minimum Value should be 15.

int maxAdFailedLoadAttempts = 3; //Minimum Value should be 3.

const IsShowNativeTimDate = true; // Show Date Time in the user selected langauge, works only if your app has multi-language enabled

const int timeOutSeconds = 50; // Default phone Auth Code auto retrival timeout

const int ImageQualityCompress =50; // This is compress the chat image size in percent while uploading to firesbase storage

const int DpImageQualityCompress = 34; // This is compress the user display picture  size in percent while uploading to firesbase storage

const bool IsVideoQualityCompress = true; // This is compress the video size  to medium qulaity while uploading to firesbase storage

const IsShowLanguageNameInNativeLanguage = false; // works only if your app has multi-language enabled

Set App Version Number (Android) #

1. Set android app version number inside : android/local.properties & further increment both version Name & Version code before every release build

flutter.versionName=1.0.0
flutter.versionCode=1

2. Set android app version number inside : pubspec.yaml & further increment both version Name & Version code before every release build

version: 1.0.0+1

Set Release key.jks Properties #

1. Generate a upload keystore, rename it to key.jks file and place it in the path : android/app/key.jks
2. Set the key properties in : android/key.properties

Change Font (optional) #

Fiberchat has a default Flutter font. If you want to set a new font. Please follow these steps:

  1. Get ready with your font file(s). Remove all blank spaces in names if any.
  2. Paste your (.otf) OR (.ttf) font file inside : assets/fonts folder
  3. Register the font at the end of pubspec.yaml file as shown below:
  assets:
    - assets/images/
    - assets/sounds/
    - assets/flags/
    - lib/Services/localization/json_languages/

  fonts:
    - family: your_font_family_name1
      fonts:
        - asset: assets/fonts/your_font_family_name1.ttf
    - family: your_font_family_name2
      fonts:
        - asset: assets/fonts/your_font_family_name2.ttf


        ........

    - family: your_font_family_nameX
      fonts:
        - asset: assets/fonts/your_font_family_nameX.ttf

Save pubspec.yaml file. Run command : flutter pub get

4. Paste your “your_font_family_name” in -> lib/Configs/MyRegisteredFonts.dart

  static final String altBold = 'your_font_family_name1';
  static final String altLight = 'your_font_family_name2';
  static final String altThin =  'your_font_family_nameX';
  static final String black = 'your_font_family_nameX';
  static final String bold =  'your_font_family_nameX';
  static final String extraBold =  'your_font_family_nameX';
  static final String regular =  'your_font_family_nameX';
  static final String thin =  'your_font_family_nameX';
  static final String semiBold =  'your_font_family_nameX';
Find it helpful ?

Powered by BetterDocs