control_button 0.0.2

Create a custom Control Button with different sections actions and a central button. Perfect for remote controls or directional input.

control_button

Control button with adjustable sections

About this package

This widget will allow you to create templates for different kind of controllers.

Variables

Variable	Type	Required
externalDiameter	double	yes
internalDiameter	double	yes
mainAction	Function	yes
sections	List	yes
elevation	double	optional
dividerThickness	double	optional
externalColor	Color	optional
internalColor	Color	optional
dividerColor	Color	optional
shadowDirection	Offset	optional
sectionOffset	FixedAngles	optional

Images

Basic	More Sections	Customizable

Usage

To use this plugin, add control_button as a dependency in your pubspec.yaml file

dependencies:
  control_button: ^0.0.2

Install it

$ flutter pub get

Import it

import 'package:control_button/control_button.dart';

Example

See example/example.dart

ControlButton(
  sectionOffset: FixedAngles.Zero,
  externalDiameter: 300,
  internalDiameter: 120,
  dividerColor: Colors.blue,
  elevation: 2,
  externalColor: Colors.lightBlue[100],
  internalColor: Colors.grey[300],
  mainAction: () => updateState('Selected Center'),
  sections: [
    () => updateState('Selected 1'),
    () => updateState('Selected 2'),
    () => updateState('Selected 3'),
    () => updateState('Selected 4'),
  ],
)