Custom Radial Menu

Highly customized radial menu for flutter

Desktop

Mobile

How to use

import 'package:custom_radial_menu/custom_radial_menu.dart';

CustomRadialMenu(
  radius: 100,
  centerWidget: FloatingActionButton(
    child: const Icon(Icons.account_circle_outlined),
    onPressed: () {},
  ),
  children: [
    FloatingActionButton(
      child: const Icon(Icons.refresh),
      onPressed: () {},
    ),
    ElevatedButton(
      child: const Text('Hi'),
      onPressed: () {},
    ),
    const Text("Hi Radial"),
    IconButton(
      icon: const Icon(Icons.home),
      onPressed: () {},
    ),
    const FlutterLogo(),
    const Image(
      image: NetworkImage(
        'https://flutter.github.io/assets-for-api-docs/assets/widgets/owl.jpg'),
        height: 50,
    ),
  ],
);

Libraries

custom_radial_menu