Friday, 30 August 2019

Custom Layout with interactive add button to impove your UI and UX


Interactive Add button layout

Custom Layout with interactive add button to impove your UI and UX .

Usage

Import the Package

add this dependencies to your app
dependencies: interactive_add_button_layout: ^0.1.0

Use the Package

add this import statement
import 'package:interactive_add_button_layout/interactive_add_button_layout.dart';
The layout need to be the root layout of your widget (screen)
and Now to use it, add this code to your widget :
return Scaffold(
      ...
      body: AddButtonLayout( parameters )

Dart
The layout has 6 parameters which are :
  • child : you know what is that xD, in case you don't it's the child of the layout which mean that the layout is his parent .
  • row : a List of Widgets to be diplayed in a row for the Row layout .
  • column : a List of Widgets to be diplayed in a column for the Column layout .
  • onPressed: the function to be called when the user click the add button .
  • color : the color of the layout (color of the background), by default it's Color(0xff2A1546) .
  • btnColor : the color of the add button
the row and column and child are required !

Example :

you can find a demo app in ./example

Gif


GitHub

Custom Layout with interactive add button to impove your UI and UX . — Read More
Latest commit to the master branch on 8-24-2019
Download as zip