Flutter Spin Wheel Menu
A Flutter package with custom implementation of the Card / Menu spinning like a wheel
🌟 Getting Started
To start using this package, add flutter_spin_wheel_menu
dependency to your pubspec.yaml
dependencies:
flutter_spin_wheel_menu: "<latest_release>"
📌 Simple Example (Thanks to @ChidiebereEdeh)
import 'package:flutter/material.dart';
import 'package:flutter_spin_wheel_menu/flutter_spin_wheel_menu.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: MyHomePage(),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('FlutterSpinWheelMenu Example'),
),
body: Center(
child: FlutterSpinWheelMenu(
rotationDuration: Duration(seconds: 10),
radius: 80.0,
perspective: 0.01,
backgroundColor: Colors.blue,
onTap: (index) {
// Add your logic here
},
cardTitles: ['Item 1', 'Item 2', 'Item 3'],
cardDescriptions: ['Description 1', 'Description 2', 'Description 3'],
cardIcons: [Icons.star, Icons.favorite, Icons.star_border],
numCards: 3,
),
),
);
}
}
📝 Documentation
FlutterSpinWheelMenu(
rotationDuration: Duration(seconds: 10),
radius: 80.0,
perspective: 0.01,
backgroundColor: Colors.blue,
onTap: (index) {
print('Card clicked: $index');
// Add your logic here
},
cardTitles: ['Item 1', 'Item 2', 'Item 3'],
cardDescriptions: ['Description 1', 'Description 2', 'Description 3'],
cardIcons: [Icons.star, Icons.favorite, Icons.star_border],
numCards: 3,
),
Screens
Issues
Please file any issues, bugs or feature request as an issue on our GitHub page.
Want to contribute
If you would like to contribute to the plugin (e.g. by improving the documentation, solving a bug or adding a cool new feature), please carefully review our contribution guide and send us your pull request.
Credits
Credits goes to ChidiebereEdeh as most of this package comes from his implementation.