interactive_add_button_layout 1.0.0

Interactive Add button layout #

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

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

[0.1.0] : 24/8/2019.

  • First release.

[1.0.0] : 25/8/2019.

  • Health fixes.
  • fix screenshots issue

example/README.md

Interactive Add button layout #

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

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

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:


dependencies:
  interactive_add_button_layout: ^1.0.0

2. Install it

You can install packages from the command line:

with Flutter:


$ flutter pub get

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:


import 'package:interactive_add_button_layout/interactive_add_button_layout.dart';
  
Popularity:
Describes how popular the package is relative to other packages. [more]
32
Health:
Code health derived from static analysis. [more]
100
Maintenance:
Reflects how tidy and up-to-date the package is. [more]
100
Overall:
Weighted score of the above. [more]
66
Learn more about scoring.

We analyzed this package on Sep 13, 2019, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.5.0
  • pana: 0.12.21
  • Flutter: 1.9.1+hotfix.2

Platforms

Detected platforms: Flutter

References Flutter, and has no conflicting libraries.

Dependencies

Package Constraint Resolved Available
Direct dependencies
Dart SDK >=2.1.0 <3.0.0
flutter 0.0.0
Transitive dependencies
collection 1.14.11 1.14.12
meta 1.1.7
sky_engine 0.0.99
typed_data 1.1.6
vector_math 2.0.8
Dev dependencies
flutter_test