Mazi Flux

Mobile directory listing app template for Flutter

Welcome To Mazi Flux - Mobile directory listing app template documentation.

Firstly, a huge thanks for purchasing this template, your support is truly appreciated!

This document covers the installation and use of this template and often reveals answers to common problems and issues - read this document thoroughly if you are experiencing any difficulties.

If you have any questions that are beyond the scope of this document, feel free to pose them in the dedicated support section.

Go ahead to know more.

Getting Start

1. System Requirements

Base on Flutter requirement. Please select the operating system on which you are installing Flutter:

2. Installation

After unzip the download package, you'll found a source folder with all the files. The main source code is here. Please see image below.

How to run Mazi Flux with Android ?

- First, Please using your Android Studio (3.5.3 or last version)
- Android SKD: Please check your Android Studio has installed last SDK. This installs the latest Android SDK, Android SDK Platform-Tools, and Android SDK Build-Tools, which are required by Flutter when developing for Android
- Make sure you aldready Set up the Android emulator (https://flutter.dev/docs/get-started/install/macos#set-up-the-android-emulator)

Open Android Studio > Open an existing Android Studio project > Select folder ./source

How to run Mazi Flux with Ios?

Before you run Mazi Flux project, please make sure you have followed the guideline for Ios https://flutter.dev/docs/get-started/install/macos

Access to the folder ./source (main source code) and run the command

					cd ./source
					open -a Simulator
					flutter run
				

After run these command above successfully, the result will like image below

Widget

File locate: ./lib/widgets/..

Contains all UI widget of application like: Button, Loading, Star Rating, Item, Card, Message ...

Blocs

Contains all Blocs pattern of the application

Screens

File locate: ./lib/screens/..

Contains all screens of the application

All template design of the app are locate in here (./lib/screens/..). You could change or re-structure by matching with your own project structure design.

Assets

File locate: ./assets/..

You can store images, fonts or other file resource in this folder

Utils

File locate: ./lib/utils/..

Contains all utils function like validate form, logger, switch mode theme, color ... It looks like helper functions

We support both light and dark theme.

Font Family

The default font family name "Raleway" are being used for this template. If you need change or a custom font to be the prettiest? You'll need the .ttf files for all supported styles (thin, ultraLight, light, regular, medium, semibold, bold, heavy, black ...). Here are the few steps you need to add it.

Add more font family in folder ./assets/fonts/..

Example: Download and add more font Roboto [download here]



Open file ./pubspec.yaml
				  fonts:
    				- family: Raleway-Regular
      				fonts:
        				- asset: assets/fonts/Raleway-Regular.ttf
			
				ThemeData(
					fontFamily: 'Raleway-Regular',
				);
			

First, please check file ./lib/main.dart and define your list language support

				child: MaterialApp(
					locale: const Locale("en"), //It will be system language if you remove this line
			        supportedLocales: [ 	//add more support language.
			          const Locale('en', ''),
			          const Locale('ar', ''),
			          const Locale('fa', ''),
			          const Locale('he', ''),
			          const Locale('ps', ''),
			          const Locale('ur', '')
			        ],
				);
			

Then define your json lanuage in folder following your list language ./assets/strings/..

Change the app name

IOS
Open file ./ios/Runner/Info.plist and replace the Mazi Flux with your app branch name.

				CFBundleName
				Mazi Flux
			

Android
Open file ./android/app/src/main/res/values/AndroidManifest.xml and replace Mazi Flux with your app branch name

				
			
Change the app Bundle ID

IOS
Using Xcode and open ./ios/Runner.xcworkspace project then modify it

Android
Searching "applicationId" in build.gradle then modify it

Change the app Icon

Run follow command, The icons will be generate in both Android & iOS

					flutter pub get
					flutter pub run flutter_launcher_icons:main -f assets/images/app_icon.png
				
- assets/images/app_icon.png is path of original icon (recommend size 512x512px)

Change GoogleMap Key

First please check how to register GoogleMap key from https://developers.google.com/maps/documentation/embed/get-api-key
Search in project exist GoogleMap key AIzaSyCQsG5Hx5oOQJn8T4qnnkW2Lwkb5WAS7mc
File locate
- Ios: ./source/ios/Runner/AppDelegate.swift
- Android: ./source/android/app/src/main/AndroidManifest.xml

Android

IOS

Dose it connect any API ?

No, It dose not. It just included template only. We do not connect any API. You have to develop by yourself for matching with your biz.

Dose it collection user information ?

No, It dose not. The mobile template application just simple application with UX/UX.

Can I release the app to both iOS and Android?

Yes, this app is made by Flutter framework which support to release for both iOS and Android, please discover more the framework fromĀ 

Will I get the free upgrade on next coming version ?

Yes, you will get the free upgrade with more awesome features coming. You will get the notify email for new version update on stores.

Support Issue Channel on Github
github.com/passionui/support/issues
We based on Flutter Framework for develop template app.

We have used the following plugins, fonts & images. All fonts, images, icons used in this template are free for commercial use.

Resources



Once again, thank you so much for purchasing this theme.

As I said at the beginning, We'd be glad to help you if you have any questions relating to this theme.

I'll do our best to assist.

Thanks