fl_radial_menu 0.1.0

A simple and easy to use radial menu widget for Flutter that supports fanout direction.

example/lib/main.dart

import 'package:fl_radial_menu/fl_radial_menu.dart';
import 'package:flutter/material.dart';
import 'package:flutter_icons/flutter_icons.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatelessWidget {
  final items = [
    RadialMenuItem(Icon(FontAwesome.glass, color: Colors.white), Colors.red,
        () => print('red')),
    RadialMenuItem(Icon(FontAwesome.glass, color: Colors.white), Colors.green,
        () => print('green')),
    RadialMenuItem(Icon(FontAwesome.glass, color: Colors.white), Colors.blue,
        () => print('blue')),
    RadialMenuItem(Icon(FontAwesome.glass, color: Colors.white), Colors.yellow,
        () => print('yellow')),
    RadialMenuItem(Icon(FontAwesome.glass, color: Colors.white), Colors.purple,
        () => print('purple')),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: ListView(
          children: [
          RadialMenu(items, fanout: Fanout.bottomRight),
          Divider(),
          RadialMenu(items, fanout: Fanout.bottom),
          Divider(),
          RadialMenu(items, fanout: Fanout.bottomLeft),
          Divider(),
          RadialMenu(items, fanout: Fanout.right),
          Divider(),
          RadialMenu(items),
          Divider(),
          RadialMenu(items, fanout: Fanout.left),
          Divider(),
          RadialMenu(items, fanout: Fanout.topRight),
          Divider(),
          RadialMenu(items, fanout: Fanout.top),
          Divider(),
          RadialMenu(items, fanout: Fanout.topLeft),
        ]),
      ),
    );
  }
}