Animated Customized Button Widget For Your Flutter App

Опубликовано: 04 Август 2021
на канале: FlutterShipp

693

Source Code: https://github.com/irajeshh/FlutterShip
Thumpnail Image Credits: CodingLab • Button with Progress Bar in HTML CSS ...

Chapters:
0:00 How Button Works?
0:08 What Is Button Widget?
0:12 Customization Options On Buttons
0:25 Source Code

Key features of this custom button widget:
1) You can set the icon and text in this button.
2) You can customize the button design as outlined button or flat or material button.
3) This button will animate the button when processing the function.
4) A loading indication will be shown on processing the function.
5) Example use case is given in the source code on github
6) You can customize the style of the text inside the button
7) The on pressed Action is not mandatory
8) You can create your own button from the code samples
9) You can set the button border radius in one parameter
10) The source code for the Butten widget is available on github
11) You can decorate the button as you wish it to be
12) Button width can be expanded to infinite
13) You can fix the width to a specific size eg: 150 pixels
14) The font size can be customized
15) The font weight can be customized
16) A default circular progress indicator is shown when loading
17) No need of Extra loading indication
18) You can set the text when loading
19) You can set the text when task is completed
20) You can set the button height

Buttons are essential widget for all of the apps we build.
In my case I completely hate rewriting the same code again and again.

Button is the widget, I use for the simplified usage.
You can set the height, width, processing indication, icons, outlines,
size of the text, weight of the text, color of the text, current status of the process...etc.

Queries Related To This Video:
flutter button with icon
flutter button design
flutter button animation
flutter button with icon and text
flutter button loading indicator
flutter button example
flutter button style
flutter button action
flutter button animation example
create a button flutter
flutter button bar example
flutter button border radius
flutter button code
flutter button click animation
flutter button design example
flutter button decoration
flutter button expand width
flutter button full width
flutter button fixed width
flutter button fixed size
flutter button font size
flutter button github
flutter button generator
flutter button icon
flutter button icon and text
flutter button list
flutter button loading animation
flutter button loader
flutter button loading icon
flutter button max width

Softwares:
ScreenCopy: https://github.com/Genymobile/scrcpy
DeskPin: https://efotinis.neocities.org/deskpi...
PauseMe: https://github.com/peterbitfly/pause....
Browser: https://brave.com/download/
VsCode: https://code.visualstudio.com/
Video Editor: https://filmora.wondershare.com/

Websites:
Material Icons: https://fonts.google.com/icons

Devices:
Laptop: https://amzn.to/3dCBz8q
RAM: https://amzn.to/3yiZGkp
SSD: https://amzn.to/3hcmooE
Monitor: https://amzn.to/3yhdDiS
Mobile: https://amzn.to/2SJhfLo
Mobile 2: Vivo y11
Microphone: https://amzn.to/3x7bYLD
USB Mic Adaptor: https://amzn.to/3iPjnKO

Hashtags: #flutter #flutterShip #android #ios