Slide Rating Dialog

The Slide Rating Dialog Flutter package provides a beautiful and customizable widget for collecting rating about user experience. It offers a modern & Interactive design with smooth animations, making it perfect for collecting user feedbacks and rating in your app.

Screenshots

Video

Features

• Slide to rate: Users can easily slide their finger to select their desired rating.
• Customizable design: You can customize the dialog's appearance, including colors, icons, and text.
• Callback function: Receive and handle user ratings with a callback function.
• Support for both iOS and Android platforms.
• Highly responsive: Designed for smooth and intuitive user interactions.

Installation

To use the Slide Rating Dialog package, follow these steps:

  1. Add the package to your pubspec.yaml file:
 dependencies:
   slide_rating_dialog: <latest version>
  1. Run the following command to fetch the package:
 flutter pub get
  1. Import the package in your Dart code:
import 'package:slide_rating_dialog/slide_rating_dialog.dart';

Usage

To use the Slide Rating Dialog in your Flutter app, see example:

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

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {



  @override
  Widget build(BuildContext context) {

    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        centerTitle: true,
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children:[
            GestureDetector(
              onTap: (){
                showDialog(
                    context: context,
                    barrierDismissible: true,
                    builder: (BuildContext cont) =>
                        SlideRatingDialog(
                          onRatingChanged: (rating){
                            print(rating.toString());
                          },
                          buttonOnTap: (){
                            // Do your Business Logic here;
                          },
                        ));
              },
              child: Container(
                width: MediaQuery.of(context).size.width * 0.7,
                height: 48.0,
                decoration: BoxDecoration(
                    color: Colors.deepPurpleAccent,
                    borderRadius: BorderRadius.circular(12.0)
                ),
                alignment: Alignment.center,
                child: const Text("Show Dialog",
                  style: TextStyle(
                      fontSize: 18.0,
                      color: Colors.white,
                      fontWeight: FontWeight.bold
                  ),),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

Contributions and Support

We welcome your feedback and contributions to make Slide Rating Dialog even better. If you encounter any issues or have ideas for improvements, please open an issue on our GitHub repository. Open Issue.

License

This project is licensed under the MIT License.

Libraries

slide_rating_dialog