wheel_spin 1.0.2

Lib Pro.

flutter_spinning_wheel #

A customizable widget to use as a spinning wheel in Flutter.

Getting Started #

• Installation
• Basic Usage

Installation

Add

flutter_spinning_wheel : ^lastest_version

to your pubspec.yaml, and run

flutter packages get

in your project's root directory.

Basic Usage

Create a new project with command

flutter create myapp

Edit lib/main.dart like this:

class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);

// This widget is the root of your application.
@override
Widget build(BuildContext context) {
    return MaterialApp(
    title: 'Flutter Demo',
    theme: ThemeData(
        primarySwatch: Colors.blue,
    ),
    home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
}
}

class MyHomePage extends StatefulWidget {
const MyHomePage({Key? key, required this.title}) : super(key: key);


final String title;

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

class _MyHomePageState extends State<MyHomePage> {

WheelSpinController wheelSpinController = WheelSpinController();
@override
Widget build(BuildContext context) {
    // This method is rerun every time setState is called, for instance as done
    // by the _incrementCounter method above.
    //
    // The Flutter framework has been optimized to make rerunning build methods
    // fast, so that you can just rebuild anything that needs updating rather
    // than having to individually change instances of widgets.
    return Scaffold(
        appBar: AppBar(
        // Here we take the value from the MyHomePage object that was created by
        // the App.build method, and use it to set our appbar title.
        title: Text(widget.title),
        ),
        body: Center(
        // Center is a layout widget. It takes a single child and positions it
        // in the middle of the parent.
        child: Column(
            children: [
            WheelSpin(
                controller: wheelSpinController,
                pathImage: 'assets/wheel.png',
                withWheel: 300,
                pieces: 6,
                // speed: 500,//defuaft is 500
                isShowTextTest: true,
                // offset: 1 / (10 * 6), //random 1/10 pieces defuaft is zero
            ),
            TextButton(
                onPressed: () {
                    wheelSpinController.startWheel();
                },
                child: Text("Start")),
            TextButton(
                onPressed: () {
                    wheelSpinController.stopWheel(2);
                },
                child: Text("Stop"))
            ],
        ),
        ));
}
}

You can replace the image with one of your preference.