Setup Android App

Android Source Code Setup #

  1. Download the Fiberchat Admin app purchased package from Codecanyon. Open the source code (project folder/ fiberchat_admin folder) in your preferred Code Editor by simply Drag & Drop the folder in vs code. 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 “fiberchat_admin” folder name with your “project folder name”.
  4. Replace the default package name (om.fiberchat.admin.fiberchatadmin) with your android package name inside the following files:
    • android/app/src/debug/AndroidManifest.xml
    • android/app/src/main/kotlin/com/fiberchat/admin/fiberchatadmin/MainActivity.kt
    • android/app/src/main/AndroidManifest.xml
    • android/app/src/profile/AndroidManifest.xml
    • android/app/build.gradle
  5. Rename these folder names (fiberchat_admin) with your project folder name in the following path:
    • android/fiberchat_admin_android.iml
    • fiberchat_admin.iml
  6. Rename these folder names as per your android app package name in the following path:
    • android/app/src/main/kotlin/com/fiberchat/admin/fiberchatadmin/MainActivity.kt
  7. Replace App label name “Fiberchat Admin” with your “App Label name” in the following path:
    • android/app/src/main/AndroidManifest.xml

      android:label="Fiberchat Admin"

Change Assets #

Replace the assets in the following paths with your assets with the same name & same size.

App Icon : #
  • assets/RESKIN_ITEMS/appicon.jpg
  • assets/RESKIN_ITEMS/appicon.png

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
Splash Screen : #

The splash screen will be automatically generated using the app icon at the center. However you can change the splash background color inside the file : lib/Configs/Mycolors.dart

  static final Color splashbackground = Color(0xff059e94);
  static final Color splashtextcolor = Colors.white;
Applogo (for login screen): #

Automatically set using the app icon as a logo at the login page.

Change Colors #

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

  static final Color primary = Color(0xff059e94);
  static final Color secondary = Color(0xFF008a94);
  static final Color splashbackground = Color(0xff059e94);
  static final Color splashtextcolor = Colors.white;
  static final Color loadingindicator = Color(0xff2791bd);
  static final Color bottomappbaricontext = Color(0xff009cba);

Setup App Configuration #

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

  static String appcurrentversion = '1.0.0'; //increment in every release build
  static String appname = 'Fiberchat Admin'; //App name
  static String apptagline = 'Manage Fiberchat User app easily'; //App tag line
  static String appFolderNameinAndroid = 'Fiberchat Downloads'; //Folder Name in Users device Storage for Android Storage
  static String defaultcountrycodeISO = 'US'; //Default Country in Search User page
  static String defaultcountrycodeMobileExtension = '+1'; //Default Country in Search User page

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) #

Font Changing feature is not available for Fiberchat Admin App. It is only available for Fiberchat user app

Powered by BetterDocs