You need to provide AnimationController to the Widget, thus you want to extend some ticker provider, eg.To stick the WheelOverlayEntr圜ontent to some component, you want to use LayerLink.This helps us to have a decent performance.
You can have a new OverlayEntry, but you only need one WheelOverlayEntr圜ontent. WheelOverlayEntr圜ontent should be generated only ONCE but not generated each build. Download for free to: Explore the animal kingdom with a spin of the 'Animal' wheel Land on a creature like a dog, cat, or even something unexpected like a gecko or a squid.If you decided to go this route there are several core ideas that you need to wrap your head around. Note: This use case is a bit complicated. RotationAnimationConfig: RotationAnimationConfig( OpacityAnimationConfig: OpacityAnimationConfig( ScaleAnimationConfig: ScaleAnimationConfig( ,ĪnimationConfig: const FanAnimationConfig( / starting radius of the donut shaped wheel / height of each piece (outerRadius - innerRadius of a piece) / size of the clickable button in the middle / simpleColors is a preset, you can import this from the package / fanLikeAnimationConfig is a preset, you can import this from the package / long press to open, another behaviour is clickToOpen to openīehaviour: ButtonBehaviour.longPressToOpen, You can find more examples in the example path of this repository Simple Usecase import 'package:flutter_color_picker_wheel/flutter_color_picker_wheel.dart' Ĭolor color /// you want to initialize this color in the initState method This library provides some presets which make it even easier to use this component.Īdd the dependency to your pubspec.yaml flutter_color_picker_wheel: ^0.0.1.You can use the WheelColorPickerEntr圜ontent and manage OverlayEntry yourself.You can use the WheelColorPicker directly by providing list of colors you want to include and animation configs.Flutter Color Picker Wheel is an easy to use widget which can be heavily customized.