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

Overview

Interactive Add button layout

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

the package is available here

inspired from Oleg Frolov.

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 )

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

Contribution

Feel free to contribute, to report a bug or to suggest a feature,Thank you :)

You might also like...

How to add a notification badge in bottom navigation bar

bottom_navigation_badge / BottomNavigationBadge BottomNavigationBadge is a Flutter class developed by westdabestdb. Getting Started Add this to your p

May 21, 2022

Add an indicator for a progression. You can customize indicators (shape, color, ..)

Add an indicator for a progression. You can customize indicators (shape, color, ..)

dots_indicator Widget to display dots indicator to show a position (for a PageView for example). Installation You just need to add dots_indicator as a

Dec 1, 2022

Add particle effects to anything.

Add particle effects to anything.

Showcase Features Highly customizable (Don't like my particle effects? Make your own with little effort!) Very easy to use A lot of premade particles

Oct 2, 2022

Shimmer loading - A Flutter project to show how to add shimmer loading animation

Shimmer loading - A Flutter project to show how to add shimmer loading animation

shimmer_loading A Flutter project to show how to add shimmer loading animation.

Feb 6, 2022

A flutter project with Implementation of a Contacts app in 4 ways (API, Custom, Preferences and Sqflite).

A flutter project with Implementation of a Contacts app in 4 ways (API, Custom, Preferences and Sqflite).

Contacts A flutter project with Implementation of a Contacts app in 4 ways (API, Custom, Preferences and Sqflite). It consist some common operations l

Nov 20, 2022

A Flutter package to custom splash screen like change logo icon, logo animation, and splash screen background color.

A Flutter package to custom splash screen like change logo icon, logo animation, and splash screen background color.

Custom Splash Screen A Flutter package to custom splash screen: change logo icon, logo animation, and splash screen background color. (Custom from ani

Sep 6, 2022

A simple widget for animating a set of images with full custom controls as an alternative to using a GIF file.

image_sequence_animator A simple widget for animating a set of images with full custom controls as an alternative to using a GIF file. If you have a G

Jan 5, 2023

Writing custom Widgets in Flutter

Writing custom Widgets in Flutter

Flutter - Custom Widgets Part 1 - EllipsizedText / LeafRenderObjectWidget Writing custom Widgets in Flutter (Part 1) — EllipsizedText Part 2 - ChildSi

Dec 9, 2022

Custom menus anywhere!

Custom menus anywhere!

Flutter Anywhere Menus (FAM) Menus, anywhere you want them! Default Usage Menu( child: MaterialButton( child: Text('Show Basic Menu'), ), me

Dec 18, 2021
Owner
Dokkar Rachid Reda
Computer Science student at ESI ex INI , android developer , Interested in Deep learning & machine learning
Dokkar Rachid Reda
Progress State Button - A customizable progress button for Flutter

Progress State Button - A customizable progress button for Flutter

Selim 108 Dec 12, 2022
A collection of Screens and attractive UIs built with Flutter ready to be used in your applications. No external libraries are used. Just download, add to your project and use.

Flutter Screens A collection of Login Screens, Buttons, Loaders and Widgets with attractive UIs, built with Flutter, ready to be used in your applicat

Samarth Agarwal 5k Dec 31, 2022
Flutter webpage with interactive examples

Flutter Animations Cheat Sheet This is a list of animations and transitions that you can used in Flutter. Available as a webpage. The content of the p

Tomek Polański 71 Nov 11, 2022
SwiftUI - Examples projects using SwiftUI released by WWDC2019. Include Layout, UI, Animations, Gestures, Draw and Data.

SwiftUI Examples About Examples projects using SwiftUI & Combine. Include Layout, UI, Animations, Gestures, Draw and Data. See projects files in Files

Ivan Vorobei 4.2k Jan 8, 2023
Flutter's core Dropdown Button widget with steady dropdown menu and many options you can customize to your needs.

Flutter DropdownButton2 Intro Flutter's core Dropdown Button widget with steady dropdown menu and many options you can customize to your needs. Featur

AHMED ELSAYED 125 Jan 4, 2023
Easily add staggered animations to your ListView, GridView, Column and Row children.

Flutter Staggered Animations Easily add staggered animations to your ListView, GridView, Column and Row children as shown in Material Design guideline

null 1.2k Jan 6, 2023
Fade animation - Add fade animation to your app easily

fade_animation Add fade animation to your app easily using simple_animations pac

Mazouzi Aymene 3 Oct 6, 2022
Create your own custom SlideTransition combined with some animation in Flutter.

Create your own custom SlideTransition combined with some animation in Flutter.

Johannes Milke 7 Jun 21, 2022
Clip your widgets with custom shapes provided.

clippy_flutter Clip your widgets with custom shapes provided. #Arc, #Arrow, #Bevel, #ButtCheek, #Chevron, #Diagonal, #Label, #Message, #Paralellogram,

Figen Güngör 238 Dec 11, 2022
Arisslidetransition - Create your own custom SlideTransition combined with some animation in Flutter

SlideTransition Animation - Flutter Create your own custom SlideTransition combi

Behruz Hurramov 1 Jan 9, 2022