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 )

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