All Projects → DokkarRachidReda → Interactive-Add-Button-Layout

DokkarRachidReda / Interactive-Add-Button-Layout

Licence: MIT license
Custom Layout with interactive add button to impove your UI and UX .

Programming Languages

dart
5743 projects
objective c
16641 projects - #2 most used programming language
java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to Interactive-Add-Button-Layout

flutter sliding tutorial
User onboarding library with smooth animation of objects and background colors
Stars: ✭ 127 (+535%)
Mutual labels:  flutter-material, flutter-demo, flutter-examples, flutter-widget, flutter-ui, flutter-package
flutter todos
A cross platform todo list app using flutter, sqlite etc. If you read the code, you will understand how to create simple elegant mobile app using Flutter and Dart language.
Stars: ✭ 60 (+200%)
Mutual labels:  flutter-material, flutter-demo, flutter-examples, flutter-widget, flutter-ui
Motion-Tab-Bar
A beautiful animated flutter widget package library. The tab bar will attempt to use your current theme out of the box, however you may want to theme it.
Stars: ✭ 237 (+1085%)
Mutual labels:  flutter-material, flutter-demo, flutter-widget, flutter-ui, flutter-package
Best Flutter Ui Templates
completely free for everyone. Its build-in Flutter Dart.
Stars: ✭ 13,448 (+67140%)
Mutual labels:  flutter-material, flutter-demo, flutter-examples, flutter-widget, flutter-ui
flutter-UI
将Flutter各种Widget各种API📘都实现一次。喜欢请Star。
Stars: ✭ 67 (+235%)
Mutual labels:  flutter-material, flutter-demo, flutter-examples, flutter-widget, flutter-package
swipedetector
A Flutter package to detect up, down, left, right swipes.
Stars: ✭ 34 (+70%)
Mutual labels:  flutter-demo, flutter-examples, flutter-widget, flutter-package
Gsy flutter demo
Flutter 不同于 GSYGithubAppFlutter 完整项目,本项目将逐步完善各种 Flutter 独立例子,方便新手学习上手和小问题方案解决。 目前开始逐步补全完善,主要提供一些有用或者有趣的例子,如果你也有好例子,欢迎提交 PR 。
Stars: ✭ 2,140 (+10600%)
Mutual labels:  flutter-demo, flutter-examples, flutter-widget, flutter-ui
Flutter-Apps
🌀 This is mainly focus on a complete application for production
Stars: ✭ 18 (-10%)
Mutual labels:  flutter-material, flutter-examples, flutter-widget, flutter-package
Flutter ui challenges
100+ Professional UI implementations with Code in Flutter. Available in Android, iOS, Linux and Web
Stars: ✭ 3,473 (+17265%)
Mutual labels:  flutter-demo, flutter-examples, flutter-widget, flutter-ui
backdrop
Backdrop implementation in flutter.
Stars: ✭ 203 (+915%)
Mutual labels:  flutter-material, flutter-demo, flutter-examples, flutter-widget
Mathematics
In this application, we can perform some actions like subtraction, addition, multiplication, and division. And by selecting any of these, you will receive a PDF with the answer key to your MCQ or question!
Stars: ✭ 45 (+125%)
Mutual labels:  flutter-material, flutter-demo, flutter-examples, flutter-ui
Knockdown-Flutter
Enough exercises to knockdown the fear of Flutter in you 👊
Stars: ✭ 33 (+65%)
Mutual labels:  flutter-material, flutter-demo, flutter-examples, flutter-widget
baemin-clone
Baemin app clone by Flutter
Stars: ✭ 28 (+40%)
Mutual labels:  flutter-material, flutter-demo, flutter-examples, flutter-ui
getwidget-docs
Get Widgets UI library docs.
Stars: ✭ 17 (-15%)
Mutual labels:  flutter-material, flutter-widget, flutter-ui, flutter-package
flutter-app
Full Feature Todos Flutter Mobile app with fireStore integration.
Stars: ✭ 138 (+590%)
Mutual labels:  flutter-examples, flutter-widget, flutter-ui, flutter-package
E-commerce
A Flutter E-commerce by implementing the Carousel and other flutter components
Stars: ✭ 36 (+80%)
Mutual labels:  flutter-material, flutter-demo, flutter-examples
stuff
Crud operation with Firebase
Stars: ✭ 80 (+300%)
Mutual labels:  flutter-demo, flutter-examples, flutter-widget
flex color scheme
A Flutter package to make and use beautiful color scheme based themes.
Stars: ✭ 370 (+1750%)
Mutual labels:  flutter-widget, flutter-ui, flutter-package
LoginAndRegistrationWithSocialMedia
Created a Project to design login screen, registration screen, login with google ,slider navigation drawer,dashboard screen login with Facebook using Flutter
Stars: ✭ 82 (+310%)
Mutual labels:  flutter-material, flutter-demo, flutter-examples
liquid button
Liquify your buttons, web demo at website
Stars: ✭ 18 (-10%)
Mutual labels:  flutter-widget, flutter-ui, flutter-package

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 :)

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].