Flutter. Make Nice Buttons With nice_buttons
Published in
5 min readNov 20, 2024
I use nice_buttons in my current project. It is a small package that provides highly customizable animated buttons.
If you are a member, please continue, otherwise, read the full story here.
Table of Contents
∘ 1. Customizable attributes
∘ 2. Gradient examples
∘ 3. Border thickness (elevation) examples
∘ 4. Button with progress indicator
∘ 5. Social media buttons
∘ 6. Icon-label buttons
∘ 7. Custom button component
∘ 7. Source code
∘ 8. Conclusion
1. Customizable attributes
Attribute Type Default Description
---------------------------------------------------------------------------
startColor Color 0xFF2ec8ff The gradient start color
endColor Color 0xFF529fff The gradient end color
borderColor Color 0xFF3489e9 The color of the 3D border.
progressColor Color white The color of circular progress
indicator, defaults to white
progressSize Double 20 The size of progress indicator
circle, defaults to 20
borderThickness Double 5 The thickness of the 3D border…