Unpacking Flutter Packages | Flex Color Picker v 2.5.0 | How To Use A Widget For Selecting Colors
Flex Color Picker 2.5.0
In this video, I'll be demonstrating the ColorPicker widget, and all the ways you can customize this class to your liking. You can select from six different types of color pickers while also customizing the size and style for the widget.
This package is available for Android, iOS, macOS, Web, Linux, and Windows.
As of the recording of this video, it has
234 likes 👍
130 pub points 👍
95% popularity 👍
CHAPTERS
0:00 - Intro
0:39 - Download Package From PUB.DEV
1:02 - Lets Jump Into The Code
2:35 - [ color ]
2:44 - [ onColorChanged ]
3:05 - [ onColorChangeStart & onColorChangeEnd ]
3:35 - [ pickerEnabled ]
4:04 - [ enableShadesSelection ]
4:20 - [ includeIndex850 ]
4:42 - [ enableTonalPalette ]
5:16 - [ enableOpacity ]
5:48 - [ actionButtons ]
6:12 - [ copyPasteBehavior ]
6:37 - [ selectedColorIcon ]
7:07 - [ elevation ]
7:33 - [ hasBorder ]
7:51 - [ borderRadius ]
8:18 - [ borderColor ]
8:33 - [ wheelDiameter ]
9:02 - [ wheelWidth ]
9:20 - [ wheelSquarePadding ]
9:38 - [ wheelSquareBorderRadius ]
9:56 - [ wheelHasBorder ]
10:26 - [ title ]
10:58 - [ heading ]
11:09 - [ subheading ]
11:19 - [ tonalSubheading ]
11:32 - [ wheelSubheading, recentColorSubheading, opacitySubheading ]
11:59 - [ showMaterialName ]
12:23 - [ showColorName ]
12:53 - [ showColorCode ]
13:10 - [ colorCodeHasColor ]
13:44 - [ colorCodeReadOnly ]
14:23 - [ showColorValue ]
15:22 - [ showRecentColors ]
16:27 - [ maxRecentColors ]
17:01 - [ recentColors ]
17:26 - [ onRecentColorsChanged ]
17:58 - [ enableTooltips ]
18:20 - [ selectedPickerTypeColor ]
18:49 - [ pickerTypeLabels ]
19:30 - [ customColorSwatchesAndNames ]
20:46 - Outro
Download the package here : 👇
https://pub.dev/packages/flex_color_p...
Source code for this example here : 👇
https://github.com/trey-a-hope/flutte...
See my recent Raleigh & Durham, NC experience : 👇
• Question from mzz_king on Instagram : “How...
View apps that I have developed n Flutter here : 👇
Android: https://play.google.com/store/apps/de...
Apple: https://apps.apple.com/us/developer/t...
Connect With Me:
TikTok: / trey.codes
Linkedin: / trey-hope-69a3a774
GitHub: https://github.com/trey-a-hope
➡️ ➡️ SUBSCRIBE: https://bit.ly/TreyCodes
Thank you for watching!
#treycodes
#flutter
#flutterpackage