spinning_wheel_package 0.0.3

A highly customizable Flutter package for creating a spinning wheel widget for games, raffles, and decision-making.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:spinning_wheel_package/spinning_wheel_package.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Spin Package Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
      ),
      home: const MyHomePage(title: 'Wheel Spin Package'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});
  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  //final AudioPlayer _audioPlayer = AudioPlayer();
  //bool _isSoundLoading = false;
  String _spinResult = "Spin the wheel!";
  final SpinningWheelController _wheelController = SpinningWheelController();


  final List<WheelItem> _sections = [
    WheelItem(text: "Music", color: Colors.green, imagePath: 'assets/images/test.png'),
    WheelItem(text: "Art & Books", color: Colors.orange, imagePath: 'assets/images/cap.png'),
    WheelItem(text: "Other Sports", color: Colors.purple),
    WheelItem(text: "Nutrition", color: Colors.blue),
    WheelItem(text: "Entertainment", color: Colors.red),
    WheelItem(text: "Current Affairs", color: Colors.yellow),
  ];


  @override
  void dispose() {
    //_audioPlayer.dispose();
    super.dispose();
  }

  //You can define a method to play sound when the wheel is spun
  // Future<void> _playSound() async {
  //   // If a sound is already being prepared, do nothing
  //   if (_isSoundLoading) return;
  //   // Set the flag to block other calls
  //   _isSoundLoading = true;
  //
  //   try {
  //     // setAsset implicitly stops any previous sound
  //     await _audioPlayer.setAsset('assets/audios/spin.mp3');
  //     // Rewind to the beginning to ensure it plays every time
  //     await _audioPlayer.seek(Duration.zero);
  //     _audioPlayer.play();
  //   } catch (e) {
  //     print("Error playing sound: $e");
  //   } finally {
  //     // Always release the flag when done
  //     _isSoundLoading = false;
  //   }
  // }


  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              _spinResult,
              style: const TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
            ),
            SpinningWheel(
              sections: _sections,
              controller: _wheelController,
              textOrientation: WheelTextOrientation.horizontal,
              // spinTriggerBuilder: (trigger) {
              //   return ElevatedButton(
              //     onPressed: () {
              //       // You can add your own logic here before spinning.
              //       print("Custom button tapped!");
              //       ScaffoldMessenger.of(context).showSnackBar(
              //         const SnackBar(content: Text('Spinning with the custom button!')),
              //       );
              //       // Call the provided trigger function to start the spin.
              //       trigger();
              //     },
              //     style: ElevatedButton.styleFrom(
              //       backgroundColor: Colors.teal,
              //       foregroundColor: Colors.white,
              //       padding: const EdgeInsets.symmetric(horizontal: 30, vertical: 15),
              //       textStyle: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
              //     ),
              //     child: const Text('Spin with Builder!'),
              //   );
              // },
              onSpinStart: (){
                //_playSound();
              },
              onSpinEnd: (index) {
                setState(() {
                  _spinResult = "Result: ${_sections[index].text}";
                });
              },
              rimType: WheelRimType.silver,
              standOffset: 0,
              centerHubWidth: 50,
              centerHubHeight: 50,
              centerHubText: 'SPIN',
              useCustomPointer: true,
              pointerImagePath: 'assets/images/pointer.png',
              showWheelStand: true,
              pegPosition: PegPosition.center,
            ),

            const SizedBox(height: 30),
            // This button uses the controller to spin the wheel
            ElevatedButton(
              onPressed: () {
                print("Controller button tapped!");
                _wheelController.spin();
              },
              child: const Text('Spin with Controller'),
            ),

          ],
        ),
      ),
    );
  }
}