Logo Logo
Result
  • Home
  • agri wealth agri wealth app bill pay app bullion bwall wp theme chaincity chaincity app coinectra dinehaus docfinder booking template app docfinder consultation template app etrendz ex rate finounce foody friend gamers arena gamers arena app gear fixer groomify hyip pro hyip pro app ico genie lens queen list place list place app list place template app mine stack next destina pay secure ptc pro restaurant smm matrix swift send travel advaizar waiz zylochat
  • Get Support
  • Preview Demo
Logo Logo
  • Documentation
  • Introduction
  • Screenshot
  • Prologue
  • Release Notes
  • Upgrade Guide
  • APP Setup
    • App Requirements
    • App Installation
    • App Packages
    • App Folder Structure
    • App Screens
    • Setup Application
    • Firebase Setup
    • Publish App

App Settings

App Requirements

Download and install Any one from these IDE(Android studio, Vs Code) on your computer.

  1. Source Android Studio:
    https://developer.android.com/studio
  2. Source VS Code:
    https://code.visualstudio.com/download

Setup Flutter and Dart SDK in your computer if you want to modify the source code

  1. Source:
    https://docs.flutter.dev/get-started/install

Must installed Flutter and dart plugin on your IDE


Installation

After downloading file from codecanyon you will get a zip file. Extracting the zip file you will get Documentation Folder and » project.zip included in there:

  • Unzip the source code and open it in your IDE.
  • On your IDE find for pubspecs.yaml file then click on pub get on top right side your IDE.
  • Please make sure your flutter and dart SDK updated.
  • Open an emulator or connect a real device and then click on Run Button for compile the project.
Image Description Image Description

Note

We used these version for development Flutter 3.24.3

Flutter Packages

Folder Structure

All you need to follow the lib(Library) Folder for any logical and UI changes in this project.

  1. Controller Folder »
    All of the logic implemented here.
  2. Data Folder »
    API integration and error handle.
  3. Routes Folder »
    All app routes declared here.
  4. Config Folder »
    App text styles and colors are declared here.
  5. Notification_service Folder »
    Handle both in app notifications and push notifications.
  6. Theme Folder »
    Control the theme Dark and light mode.
  7. Utils Folder »
    App constants, local storage and helper class are definded here..
  8. View Folder »
    All of the screen UI and component here.

Screens

  1. Splash screen
  2. Login and Registration screen
  3. Forget Password Screen
  4. On Boarding Screen
  5. Home Screen
  6. Notification Screen
  7. Add Listing Screen
  8. 2FA security Screen
  9. Support Ticket Screen
  10. Create Ticket Screen
  11. View and Reply Ticket Screen
  12. Top Categories Screen
  13. My Package Screen
  14. Payment History Screen
  15. Transaction History Ticket Screen
  16. Wishlist List Screen
  17. Product Enquiry Screen
  18. Product Enquiry Details Screen
  19. Product Enquiry Inbox Screen
  20. Profile Setting Screen
  21. Edit Profile
  22. Change password screen

Setup Application

Change App Primary color Open :
lib
  • config
      • app_colors.dart
  1. For change the app name please follow:
    https://pub.dev/packages/rename_app
  2. For change the app icon please follow:
    https://pub.dev/packages/flutter_launcher_icons
  3. For change the app package name please follow:
    https://pub.dev/packages/change_app_package_name

Firebase Setup in Flutter app

To set up Firebase in your Flutter app, please follow the official documentation carefully:
  1. For Android:
    https://firebase.google.com/docs/flutter/setup?platform=android
  2. For IOS:
    https://firebase.google.com/docs/flutter/setup?platform=ios
NB : After following this documentation, ensure that the credentials are successfully replaced with your own credentials as shown in the image below.
android
  • app
      • google-services.json

Connect your Flutter App with your server:

  1. In the Firebase console, open Settings > Service Accounts.
  2. Click Generate New Private Key, then confirm by clicking Generate Key.
After clicking the "Generate new private key" button, a JSON file will download. Simply upload this file by clicking the button shown in the image below.

Publish App

1. Android

Follow the guidelines publish the app to Play Store.
  1. PlayStore:
    https://flutter.dev/docs/deployment/android

2. IOS

Follow the guidelines publish the app to AppStore.
  1. AppStore:
    https://flutter.dev/docs/deployment/ios