functional_hook_widgets.dart

// First example, this is what is currently the correct way to do stuff in flutter

class RadialMenu extends StatefulWidget {
  final List<RadialMenuButton> children;

  const RadialMenu({Key key, this.children}) : super(key: key);
  @override
  _RadialMenuState createState() => _RadialMenuState();
}

class _RadialMenuState extends State<RadialMenu>
    with SingleTickerProviderStateMixin {
  AnimationController _animationController;
  @override
  void initState() {
    super.initState();
    _animationController = AnimationController(
      duration: Duration(milliseconds: 200),
      vsync: this,
    );
  }

  @override
  void dispose() {
    _animationController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return RadialAnimation(
      controller: _animationController,
      children: widget.children,
    );
  }
}

//
// VS the following if you have hooks
//

class RadialAnimationWithHooks extends StatelessWidget {
  final List<RadialMenuButton> children;

  const RadialAnimationWithHooks({Key key, this.children}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final controller = useAnimationController(
      duration: Duration(milliseconds: 200),
    );
    // Do the animations as usual
    return AnimatedWidget(controller: controller);
  }
}

//
// VS the following if you also use functional widgets
// You can actually write this code today with package:functional_widget and package:flutter_hooks (but hooks only works with Flutter < 1.5.8
//

@hwidget
Widget functionalRadialAnimationWithHooks(BuildContext context,
    {List<RadialMenuButton> children}) {
  final controller = useAnimationController(
    duration: Duration(milliseconds: 200),
  );
  // Do the animations as usual
  return AnimatedWidget(controller: controller);
}