rating declaration changed

Author: deepikahr

example/lib/main.dart

@@ -41,7 +41,7 @@ class _MyHomePageState extends State<MyHomePage>
 
   TabController tabController;
   final _ratingController = TextEditingController();
-  double _rating = 3.5;
+  double _rating = 3;
   double _userRating = 4.5;
 
   @override
@@ -216,8 +216,8 @@ class _MyHomePageState extends State<MyHomePage>
                 }),
 
             GFRating(
-              rating: _rating,
-              itemSize: 50,
+              value: _rating,
+//              size: 50,
 //              filledIcon: Image.asset(
 //                'lib/assets/heart.png',
 //                height: 50,
@@ -236,50 +236,45 @@ class _MyHomePageState extends State<MyHomePage>
 //                width: 50,
 //                color: Colors.amber,
 //              ),
+//              spacing: 8,
+//              color: Colors.teal,
+//              borderColor: Colors.tealAccent,
 //              allowHalfRating: false,
-              spacing: 8,
-              color: Colors.teal,
-              borderColor: Colors.tealAccent,
-              onRatingChanged: (value) {
+              onChanged: (value) {
                 setState(() {
                   _rating = value;
-                  print('user selected $_rating');
+                  print('user selected ${_rating}');
                 });
               },
             ),
 
-            SizedBox(
-              height: 20,
-              child: Text('selected rating ${_rating.toStringAsFixed(1)}'),
-            ),
-
             GFRating(
-              rating: _userRating,
-              itemSize: 50,
-              filledIcon: Image.asset(
-                'lib/assets/heart.png',
-                height: 50,
-                width: 50,
-                color: Colors.amber,
-              ),
-              halfFilledIcon: Image.asset(
-                'lib/assets/heart_half.png',
-                height: 50,
-                width: 50,
-                color: Colors.amber,
-              ),
-              defaultIcon: Image.asset(
-                'lib/assets/heart_border.png',
-                height: 50,
-                width: 50,
-                color: Colors.amber,
-              ),
-              ratingController: _ratingController,
-              textFormRating: true,
-              spacing: 8,
-              color: Colors.teal,
-              borderColor: Colors.tealAccent,
-              suffixIcon: MaterialButton(
+              value: _userRating,
+//              filledIcon: Image.asset(
+//                'lib/assets/heart.png',
+//                height: 50,
+//                width: 50,
+//                color: Colors.amber,
+//              ),
+//              halfFilledIcon: Image.asset(
+//                'lib/assets/heart_half.png',
+//                height: 50,
+//                width: 50,
+//                color: Colors.amber,
+//              ),
+//              defaultIcon: Image.asset(
+//                'lib/assets/heart_border.png',
+//                height: 50,
+//                width: 50,
+//                color: Colors.amber,
+//              ),
+//              spacing: 8,
+//              color: Colors.teal,
+//              borderColor: Colors.tealAccent,
+              controller: _ratingController,
+              textForm: true,
+              suffixIcon: GFButton(
+                type: GFButtonType.transparent,
                 onPressed: () {
                   setState(() {
                     _userRating = double.parse(_ratingController.text ?? '0.0');

lib/components/rating/gf_rating.dart

@@ -6,22 +6,22 @@ class GFRating extends StatefulWidget {
   const GFRating({
     this.itemCount = 5,
     this.spacing = 0.0,
-    this.rating = 0.0,
+    this.value = 0.0,
     this.defaultIcon,
-    this.onRatingChanged,
+    this.onChanged,
     this.color,
     this.borderColor,
-    this.itemSize = 25,
+    this.size = 30,
     this.filledIcon,
     this.halfFilledIcon,
     this.allowHalfRating = true,
-    this.textFormRating = false,
+    this.textForm = false,
     this.suffixIcon,
-    this.ratingController,
+    this.controller,
     this.inputDecorations,
     this.margin = const EdgeInsets.symmetric(vertical: 16),
     this.padding = const EdgeInsets.symmetric(horizontal: 16),
-  }) : assert(rating != null);
+  }) : assert(value != null);
 
   /// defines total number of rating items
   final int itemCount;
@@ -33,7 +33,7 @@ class GFRating extends StatefulWidget {
   final Color borderColor;
 
   /// defines the size of items
-  final double itemSize;
+  final double size;
 
   /// if true, allow half rating of items. Default it will be in true state
   final bool allowHalfRating;
@@ -51,19 +51,19 @@ class GFRating extends StatefulWidget {
   final double spacing;
 
   /// defines the rating value
-  final double rating;
+  final double value;
 
   /// return current rating whenever rating is updated
-  final RatingChangeCallback onRatingChanged;
+  final RatingChangeCallback onChanged;
 
   /// if true, shows rating [TextFormField] with the rating bar, that allows the user input to show rating
-  final bool textFormRating;
+  final bool textForm;
 
   /// defines the design and funtion of rating [TextFormField]'s suffix icon
   final Widget suffixIcon;
 
   /// controls the [TextField] Controller of rating [TextFormField]
-  final TextEditingController ratingController;
+  final TextEditingController controller;
 
   /// defines the [InputDecoration] of rating [TextFormField]
   final InputDecoration inputDecorations;
@@ -81,68 +81,68 @@ class GFRating extends StatefulWidget {
 class _GFRatingState extends State<GFRating> {
   Widget buildRatingBar(BuildContext context, int index) {
     Widget icon;
-    if (index >= widget.rating) {
+    if (index >= widget.value) {
       icon = widget.defaultIcon != null
           ? widget.defaultIcon
           : Icon(
               Icons.star_border,
               color: widget.borderColor ?? Theme.of(context).primaryColor,
-              size: widget.itemSize,
+              size: widget.size,
             );
-    } else if (!widget.textFormRating
-        ? index > widget.rating - (widget.allowHalfRating ? 0.5 : 1.0) &&
-            index < widget.rating
-        : index + 1 == widget.rating + 0.5) {
+    } else if (!widget.textForm
+        ? index > widget.value - (widget.allowHalfRating ? 0.5 : 1.0) &&
+            index < widget.value
+        : index + 1 == widget.value + 0.5) {
       icon = widget.halfFilledIcon != null
           ? widget.halfFilledIcon
           : Icon(
               Icons.star_half,
               color: widget.color ?? Theme.of(context).primaryColor,
-              size: widget.itemSize,
+              size: widget.size,
             );
     } else {
       icon = widget.filledIcon != null
           ? widget.filledIcon
           : Icon(
               Icons.star,
               color: widget.color ?? Theme.of(context).primaryColor,
-              size: widget.itemSize,
+              size: widget.size,
             );
     }
 
     return GestureDetector(
       onTap: () {
-        if (widget.onRatingChanged != null) {
-          widget.onRatingChanged(index + 1.0);
+        if (widget.onChanged != null) {
+          widget.onChanged(index + 1.0);
         }
       },
       onHorizontalDragUpdate: (dragDetails) {
         final RenderBox box = context.findRenderObject();
         final _pos = box.globalToLocal(dragDetails.globalPosition);
-        final i = _pos.dx / widget.itemSize;
+        final i = _pos.dx / widget.size;
         var newRating = widget.allowHalfRating ? i : i.round().toDouble();
         if (newRating > widget.itemCount) {
           newRating = widget.itemCount.toDouble();
         }
         if (newRating < 0) {
           newRating = 0.0;
         }
-        if (widget.onRatingChanged != null) {
-          widget.onRatingChanged(newRating);
+        if (widget.onChanged != null) {
+          widget.onChanged(newRating);
         }
       },
       child: icon,
     );
   }
 
   @override
-  Widget build(BuildContext context) => widget.textFormRating
+  Widget build(BuildContext context) => widget.textForm
       ? Column(children: <Widget>[
           Container(
             margin: widget.margin,
             padding: widget.padding,
             child: TextFormField(
-              controller: widget.ratingController,
+              controller: widget.controller,
               keyboardType: TextInputType.number,
               decoration: widget.inputDecorations == null
                   ? InputDecoration(