FlutterX

User Guide

Powered by Panacea-Soft

FlutterX is UI collection for Flutter Developers and Communities.

Thank you for purchasing my full application. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Response time is within 36 hrs.Thanks so much!.


Author: Panacea-Soft
Contact: teamps.is.cool@gmail.com
Current App Version: 1.0
Documentation Version 1.0
Created: ??/??/2019
Modified: ??/??/2019

Working Environment Set Up {How to setup for working environment?}

Working Environment

You need to setup your working environment for Flutter.

1. Install Flutter

Select the operating system on which you are installing Flutter:

Mac OS: https://flutter.dev/docs/get-started/install/macosl
Window: https://flutter.dev/docs/get-started/install/windows
Linux: https://flutter.dev/docs/get-started/install/linux

2. Setup an editor

Android Studio: https://flutter.dev/docs/get-started/editor?tab=androidstudio
Visual Studio Code: https://flutter.dev/docs/get-started/editor?tab=vscode

3. Test Drive

Android Studio: https://flutter.dev/docs/get-started/test-drive?tab=androidstudio
Visual Studio Code: https://flutter.dev/docs/get-started/test-drive?tab=vscode
Terminal & editor: https://flutter.dev/docs/get-started/test-drive?tab=terminal

4. Import Project

Android Studio

Download the project and unzip the folder:

  1. Open the project folder.
  2. Click the Package get to install dependencies from pubspec.yaml
  3. Select emulator or real device and click run button







Visual Studio Code

Download the project and unzip the folder:

  1. Open the project folder.
  2. Open Terminal ( Click Terminal on menu and Click New Terminal )



  3. Run this command
    4. flutter packages get


  4. Click Run button





Overview App Architecture {How about Overview App Architecture?}

Overview App Architecture

How about Overview App Architecture?

Package Name Description
FlutterX/android Android Project
FlutterX/ios iOS Project
FlutterX/lib/apps Apps contains many sub apps
FlutterX/lib/core Core module to handle all sub apps working together in one apps.

Sub App Architecture {How about sub app Architecture?}

Sub App Architecture

How about sub app Architecture?

Package Name Description
FlutterX/lib/apps/sub-app/constants Constants module responsible for constants value declarations for colors, dimensions, and themes data.
FlutterX/lib/apps/sub-app/repository Repository modules are responsible for handling data operations.
FlutterX/lib/apps/sub-app/route Route module is responsible for navigation control for whole app
FlutterX/lib/apps/sub-app/ui UI module is responsible for all user interfaces.
FlutterX/lib/apps/sub-app/viewobject viewobjects module is responsible for holds user data to work with UI.

Run Sub App Directly {How to run sub app directly?}

Run Sub App Directly

How to run sub app directly?

Visual Studio Code
  1. Click Debug and Run
  2. Select App you want to run
  3. Click Run Button



Android Studio
  1. Select App you want to run
  2. Click Run Button



Copy Whole Sub App to New App {How to copy whole sub app to new app?}

Copy Whole Sub App to New App

How to copy whole sub app to new app?

Copy Whole Sub App to New App

Please take a look at here.