basic rating bar completed

Author: deepikahr

example/lib/main.dart

@@ -66,7 +66,7 @@ class _MyHomePageState extends State<MyHomePage>
     'Xamarin2',
   ];
 
-  var rating = 0.0;
+  var rating = 3.5;
 
   @override
   Widget build(BuildContext context) => Scaffold(
@@ -173,10 +173,10 @@ class _MyHomePageState extends State<MyHomePage>
 //          Container(color: Colors.blue)
 //      ]),
 
-          SingleChildScrollView(
-        child:
+//          SingleChildScrollView(
+//        child:
         Column(
-          mainAxisAlignment: MainAxisAlignment.center,
+          mainAxisAlignment: MainAxisAlignment.start,
           crossAxisAlignment: CrossAxisAlignment.center,
           children: <Widget>[
 
@@ -214,49 +214,49 @@ class _MyHomePageState extends State<MyHomePage>
               }
             ),
 
-//          SmoothStarRating(
-//          rating: rating,
-////          size: 65,
-////          filledIconData: Icons.star,
-////          halfFilledIconData: Icons.star_half,
-////          defaultIconData: Icons.star_border,
-////          starCount: 5,
-////          allowHalfRating: false,
-////          spacing: 2.0,
-//          onRatingChanged: (value) {
-//            setState(() {
-//              rating = value;
-//            });
-//          },
-//        ),
+          GFRating(
+          rating: rating,
+//          size: 65,
+          filledIconData: Icons.star,
+          halfFilledIconData: Icons.star_half,
+          defaultIconData: Icons.star_border,
+          itemCount: 5,
+          allowHalfRating: false,
+//          spacing: 2.0,
+          onRatingChanged: (value) {
+            setState(() {
+              rating = value;
+            });
+          },
+        ),
 
-//            GFCard(
-//              content: Column(
-//                children: <Widget>[
-//                  GFTypography(
-//                    text: 'Toast',
-//                    type: GFTypographyType.typo6,
-//                  ),
-//                  SizedBox(
-//                    height: 20,
-//                  ),
-//                  SizedBox(
-//                    height: 20,
-//                  ),
-//                  GFToast(
-//                    text: 'Happy New Year',
-//                    button: GFButton(
-//                      onPressed: () {
-//                        print("dfr");
-//                      },
-//                      text: 'OK',
-//                      type: GFButtonType.outline,
-//                      color: GFColor.warning,
-//                    ),
-//                  ),
-//                ],
-//              ),
-//            ),
+            GFCard(
+              content: Column(
+                children: <Widget>[
+                  GFTypography(
+                    text: 'Toast',
+                    type: GFTypographyType.typo6,
+                  ),
+                  SizedBox(
+                    height: 20,
+                  ),
+                  SizedBox(
+                    height: 20,
+                  ),
+                  GFToast(
+                    text: 'Happy New Year',
+                    button: GFButton(
+                      onPressed: () {
+                        print("dfr");
+                      },
+                      text: 'OK',
+                      type: GFButtonType.outline,
+                      color: GFColor.warning,
+                    ),
+                  ),
+                ],
+              ),
+            ),
 //
 //            GFCard(
 //              content: Column(
@@ -303,20 +303,20 @@ class _MyHomePageState extends State<MyHomePage>
 //              ),
 //            ),
 
-            Container(
-              height: 130,
-              width: 105,
-              decoration: BoxDecoration(
-                borderRadius: BorderRadius.circular(8),
-                gradient: LinearGradient(
-                    begin: FractionalOffset.bottomLeft,
-                    end: FractionalOffset.topRight,
-                    colors: const [
-                      Color(0x5a0b486b),
-                      Color(0xFFF56217),
-                    ]),
-              ),
-            ),
+//            Container(
+//              height: 130,
+//              width: 105,
+//              decoration: BoxDecoration(
+//                borderRadius: BorderRadius.circular(8),
+//                gradient: LinearGradient(
+//                    begin: FractionalOffset.bottomLeft,
+//                    end: FractionalOffset.topRight,
+//                    colors: const [
+//                      Color(0x5a0b486b),
+//                      Color(0xFFF56217),
+//                    ]),
+//              ),
+//            ),
 
 //            GFCard(
 //              content: Column(
@@ -1168,7 +1168,7 @@ class _MyHomePageState extends State<MyHomePage>
 //            ),
           ],
         ),
-      ),
+//      ),
 //      bottomNavigationBar: GFTabBar(
 //        initialIndex: 0,
 //        length: 3,

lib/components/rating/gf_rating.dart

@@ -2,88 +2,75 @@ import 'package:flutter/material.dart';
 
 typedef void RatingChangeCallback(double rating);
 
-class SmoothStarRating extends StatelessWidget {
-  final int starCount;
-  final double rating;
-  final RatingChangeCallback onRatingChanged;
-  final Color color;
-  final Color borderColor;
-  final double size;
-  final bool allowHalfRating;
-  final IconData filledIconData;
-  final IconData halfFilledIconData;
-  final IconData
-  defaultIconData; //this is needed only when having fullRatedIconData && halfRatedIconData
-  final double spacing;
-  SmoothStarRating({
-    this.starCount = 5,
+class GFRating extends StatelessWidget {
+
+  GFRating({
+    this.itemCount = 5,
     this.spacing=0.0,
     this.rating = 0.0,
-    this.defaultIconData,
+    this.defaultIcon,
     this.onRatingChanged,
     this.color,
     this.borderColor,
     this.size = 25,
-    this.filledIconData,
-    this.halfFilledIconData,
+    this.filledIcon,
+    this.halfFilledIcon,
     this.allowHalfRating = true,
   }) {
     assert(this.rating != null);
   }
 
-  Widget buildStar(BuildContext context, int index) {
+  final int itemCount;
+  final double rating;
+  final RatingChangeCallback onRatingChanged;
+  final Color color;
+  final Color borderColor;
+  final double size;
+  final bool allowHalfRating;
+  final IconData filledIcon;
+  final IconData halfFilledIcon;
+  final IconData defaultIcon; //this is needed only when having fullRatedIconData && halfRatedIconData
+  final double spacing;
+
+
+  Widget buildRatingBar(BuildContext context, int index) {
     Icon icon;
     if (index >= rating) {
-      icon = new Icon(
-        defaultIconData != null ? defaultIconData : Icons.star_border,
+      icon = Icon(
+        defaultIcon != null ? defaultIcon : Icons.star_border,
         color: borderColor ?? Theme.of(context).primaryColor,
         size: size,
       );
     } else if (index > rating - (allowHalfRating ? 0.5 : 1.0) &&
         index < rating) {
-      icon = new Icon(
-        halfFilledIconData != null ? halfFilledIconData : Icons.star_half,
+      icon = Icon(
+        halfFilledIcon != null ? halfFilledIcon : Icons.star_half,
         color: color ?? Theme.of(context).primaryColor,
         size: size,
       );
     } else {
-      icon = new Icon(
-        filledIconData != null ? filledIconData : Icons.star,
+      icon = Icon(
+        filledIcon != null ? filledIcon : Icons.star,
         color: color ?? Theme.of(context).primaryColor,
         size: size,
       );
     }
 
-    return new GestureDetector(
+    return GestureDetector(
       onTap: () {
-        if (this.onRatingChanged != null) onRatingChanged(index + 1.0);
-      },
-      onHorizontalDragUpdate: (dragDetails) {
-        RenderBox box = context.findRenderObject();
-        var _pos = box.globalToLocal(dragDetails.globalPosition);
-        var i = _pos.dx / size;
-        var newRating = allowHalfRating ? i : i.round().toDouble();
-        if (newRating > starCount) {
-          newRating = starCount.toDouble();
-        }
-        if (newRating < 0) {
-          newRating = 0.0;
-        }
-        if (this.onRatingChanged != null) onRatingChanged(newRating);
+        if (onRatingChanged != null) onRatingChanged(index + 1.0);
       },
       child: icon,
     );
   }
 
   @override
-  Widget build(BuildContext context) {
-    return new Material(
+  Widget build(BuildContext context) => Material(
       color: Colors.transparent,
-      child: new Wrap(
-          alignment: WrapAlignment.start,
+      child: Wrap(
+          alignment: WrapAlignment.center,
           spacing: spacing,
-          children: new List.generate(
-              starCount, (index) => buildStar(context, index))),
+          children: List.generate(
+              itemCount, (index) => buildRatingBar(context, index))),
     );
-  }
 }