Description:

d button

d_button #
Custom buttons which you can create and re-style as you wish. It can be used for one or more widgets.
Child of button can be filled with any widget as long as there is sufficient space.
But, for DButton.circle() just to use for layout circle.
You can modify all the buttons above to your liking and be as creative as possible
Usage #

Circle


DButtonCircle(
mainColor: Colors.blue,
onClick: () {},
diameter: 40,
child: Icon(
Icons.favorite,
color: Colors.white,
),
),
copied to clipboard


Shadow


DButtonShadow(
mainColor: Colors.blue,
splashColor: Colors.cyan,
onClick: () => {},
radius: 30,
height: 50,
child: Text(
"D'Button Shadow 1",
style: TextStyle(color: Colors.white),
),
),
copied to clipboard


Flat


DButtonFlat(
mainColor: Colors.blue,
onClick: () {},
child: Text(
"D'Button Flat 1",
style: TextStyle(color: Colors.white),
),
),
copied to clipboard


Elevation


DButtonElevation(
mainColor: Colors.blue,
onClick: () {},
child: Text(
"D'Button Elevation 1",
style: TextStyle(color: Colors.white),
),
),
copied to clipboard


Border


DButtonBorder(
borderColor: Colors.pink,
mainColor: Colors.blue,
radius: 0,
onClick: () {},
child: Text(
"D'Button Border 1",
style: TextStyle(color: Colors.white),
),
),
copied to clipboard


Custom Child

Custom child can use for type button like shadow, flat, elevation & border

DButtonShadow(
radius: 8,
padding: EdgeInsets.only(right: 8),
shadowColor: Colors.grey,
onClick: () {},
child: Row(
children: [
ClipRRect(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(8),
bottomLeft: Radius.circular(8),
),
child: Image.network(
'https://images.unsplash.com/photo-1590829197118-b0609523669d?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=80',
width: 80,
height: 80,
fit: BoxFit.cover,
),
),
SizedBox(width: 8),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
'Title',
style: TextStyle(fontWeight: FontWeight.bold),
),
SizedBox(height: 8),
Text(
"Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.",
maxLines: 2,
overflow: TextOverflow.ellipsis,
),
],
),
),
],
),
),
copied to clipboard
Check at Github,
Support me for more feature & packages
Donate
Check my app : Visit
Check My Tutorial & Course : Watch

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter