https://github.com/dokkarrachidreda/interactive-add-button-layout
Custom Layout with interactive add button to impove your UI and UX .
https://github.com/dokkarrachidreda/interactive-add-button-layout
awesome dribbble dribble-shots flutt flutter-demo flutter-examples flutter-material flutter-package flutter-ui flutter-widget widgets
Last synced: 4 months ago
JSON representation
Custom Layout with interactive add button to impove your UI and UX .
- Host: GitHub
- URL: https://github.com/dokkarrachidreda/interactive-add-button-layout
- Owner: DokkarRachidReda
- License: mit
- Created: 2019-08-24T17:40:37.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2019-08-24T17:59:46.000Z (almost 7 years ago)
- Last Synced: 2025-10-18T23:53:47.214Z (8 months ago)
- Topics: awesome, dribbble, dribble-shots, flutt, flutter-demo, flutter-examples, flutter-material, flutter-package, flutter-ui, flutter-widget, widgets
- Language: Dart
- Size: 1.42 MB
- Stars: 22
- Watchers: 2
- Forks: 8
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Interactive Add button layout
Custom Layout with interactive add button to impove your UI and UX .
the package is available [here](https://pub.dev/packages/interactive_add_button_layout)
inspired from [Oleg Frolov](https://dribbble.com/shots/6558740-Add-Button-Interaction).
## 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 :
```Dart
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 :)