Features

  • Helping make coding faster.
  • Rapid, scalable development and clean design.
  • Increase reliable.
  • Enables developer to build, organize, deliver, and modify different content of generic items.

Get Start

1- import dependence in yaml file:

fastor_app_ui_widget:

2- at any class must import

import 'package:fastor_app_ui_widget/fastor_app_ui_widget.dart';

Reference

documentation

https://pub.dev/documentation/fastor_app_ui_widget/latest/index.html

Tutorial Source Code

https://github.com/AbdallahAndroid/fastor_app

Tutorial Youtube

https://www.youtube.com/playlist?list=PLStw2JQi0_9pHWMU83AWIYQyApfNnsr0T

Tutorial Content

Page Shapes

TextView

Button

ImageView

Row

Column

TextField

CheckBox

RadioButton

Switch

Calender

Spinner

ListView

Table

Tutorial : Page Shapes

Get Start Full Example

  1. Create New Widget extends "StatefulWidget" .
  2. inside build() make return "PageTemplate.t()" .
import 'package:fastor_app_ui_widget/fastor_app_ui_widget.dart';
import 'package:flutter/material.dart';

class TutorialCreateFastorPage extends StatefulWidget {
  @override
  TutorialCreateFastorState createState() => TutorialCreateFastorState();
}

class TutorialCreateFastorState extends State<TutorialCreateFastorPage> {
  
  @override
  Widget build(BuildContext context) {
    return PageTemplate.t( this,
        content: getContent() );
  }
  
  Widget getContent() {
    return  TextTemplate.t( "Empty page" );
  }
  
}

Empty Screen

@override
Widget build(BuildContext context) {
return PageTemplate.t( this,
content: getContent() );
}

Toolbar Custom Shape

Create any shape of Toolbar you want in Custom shape then put it at page template by using parameter "toolbar"

  @override
  Widget build(BuildContext context) {
    return PageTemplate.t( this,
        toolbar: ToolbarSimpleFastor( context, "Page Shapes"),
        toolbar_height : 70,
        content: getContent() );
  }
  • The Default height of toolbar is 70
  • When the toolbar you draw different than 70 you can set height of toolbar by using "toolbar_height"

Background Feature

Asset

set Image png to background, to make all content scrolling while the background image still hold at background

Asset with Opacity

  @override
  Widget build(BuildContext context) {
    return PageTemplate.t( this,
        toolbar: ToolbarSimpleFastor( context, "Page Shapes"),
        toolbar_height : 70,

        //background
        assetBackground: const AssetImage("assets/images/background.png"),
        assetBackgroundOpacity: 0.3,

        content: getContent() );
  }

Custom Widget

set Custom Widget hold at background, to make all content scrolling while the background widget still holding while scrolling

  @override
  Widget build(BuildContext context) {
    return PageTemplate.t( this,
        toolbar: ToolbarSimpleFastor( context, "Page Shapes"),
        toolbar_height : 70,

        //background
         widgetBackground: CustomWidgetBackground(),
        
        content: getContent() );
  }

Navigation Bottom

Custom Shape Navigation

set Custom Widget hold at bottom of screen to navigate between multi screens

  @override
  Widget build(BuildContext context) {
    return PageTemplate.t( this,

        //toolbar
        toolbar: ToolbarSimpleFastor( context, "Page Shapes"),
        toolbar_height : 70,

        //navigation bottom
        navigationBottom: NavigationFastor( context, 0),
        navigationBottom_height: 70,
        homeButtonsBackgroundColor: HexColor(  "#1593bc"),   //color background for home buttons

        content: getContent() );
  }

Change color

Color of Home Buttons Android Device

By using parameter "homeButtonsBackgroundColor" you can write hexcode color

  @override
  Widget build(BuildContext context) {
    return PageTemplate.t( this,
 
        homeButtonsBackgroundColor: HexColor(  "#1593bc"),   //color background for home buttons

        content: getContent() );
  }

Color of Status Bar

By using parameter "statusBarColorCustome" you can write hexcode color

  @override
  Widget build(BuildContext context) {
    return PageTemplate.t( this,
 
        statusBarColorCustome: HexColor(  "#595629"),

        content: getContent() );
  }

At The End

About Developer

- About Us:
• 5 Years of experience build +20 App.
• Mobile Developer: Flutter & Native Android IOS.
• Skills: Dart, Java, Kotlin, Swift UIKit, SwiftUI
• Skills: PHP Laravel, Design UI/UX, AdobeXD, Photoshop
• I have my own Library of Code.
• Very quick person to finish Projects
• OCA, Oracle Certified Associate.

- Follow my Project on Instagram :

Instagram

License BSD 3

Copyright (c) 2022, Abdallah Mahmoud Ahmed Shehata
All rights reserved.

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:

* Redistributions of source code must retain the above copyright notice,
  this list of conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright
  notice, this list of conditions and the following disclaimer in the
  documentation and/or other materials provided with the distribution.
* Neither the name of fastor-app.com nor the names of its contributors
  may be used to endorse or promote products derived from this software
  without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
POSSIBILITY OF SUCH DAMAGE.

Libraries

BaseBoarderHelper
BaseCardViewTemplate
BasePageTemplateProgrees
BaseTextTemplate
BoarderHelper
BorderRadiusTools
ButtonTemplate
CalendarTemplate
CardViewTemplate
CheckboxTemplate
ColumnTemplate
ContainerTemplate
CropTemplate
DesignSystemColor
DesignSystemDimen
DesignSystemFont
DesignSystemTools
DeviceSizeChangeBase
DeviceTools
DimenResource
DirectionLanguage
DSElevationTools
EdgeInsetsTools
ElevationTemplate
EmptyView
fastor_app_ui_widget
FastorStateManagement
firebase_options
GestureDetectorTemplate
GridViewTemplate
ImageCircleView
ImageView
ImageViewTemplate
ItemListController
LanguageTools
LevelDS
ListenerChangeDeviceSize
ListViewTemplate
MainTemplate
NotchBarConstant
PageTemplate
PlaceholderTemplate
PositionedTools
ProgressPage
ProgressSpinkit
RadioTemplate
ResourceColor
RowTemplate
ScrollSpeed
ScrollViewPage
ShadowContainer
SingleChildScrollViewTemplate
SpinnerTemplate
SpinnerView
StackTemplate
StatusBarConstant
SwitchTemplate
TableView
TemplateSize
TextFieldTemplate
TextFieldTemplateBase
TextFormFieldTemplate
TextFormTemplate
TextStyleTemplate
TextTemplate
TextTools
ToolsValidation
UniqueIdTools
ValidatorTemplate