Added more options for FormBuilderRate

Author: danvick

README.md

@@ -360,7 +360,7 @@ Made with [contributors-img](https://contributors-img.firebaseapp.com).
 ### Dependencies
 This package is dependent on the following packages and plugins:
 * [flutter_typeahead](https://pub.dev/packages/flutter_typeahead) by [AbdulRahmanAlHamali](https://github.com/AbdulRahmanAlHamali)
-* [sy_flutter_widgets](https://pub.dev/packages/sy_flutter_widgets) by [Li Shuhao](https://github.com/lishuhao)
+* [rating_bar](https://pub.dev/packages/rating_bar) by [Joshua Matta](https://github.com/joshmatta)
 * [datetime_picker_formfield](https://pub.dev/packages/datetime_picker_formfield) by [Jacob Phillips](https://github.com/jifalops)
 * [date_range_picker](https://github.com/anicdh/date_range_picker) by [anicdh](https://github.com/anicdh)
 * [validators](https://pub.dev/packages/validators) by [dart-league](https://github.com/dart-league)

example/lib/main.dart

@@ -16,7 +16,11 @@ class MyApp extends StatelessWidget {
       theme: ThemeData(
         primarySwatch: Colors.blue,
         inputDecorationTheme: InputDecorationTheme(
-          labelStyle: TextStyle(color: Colors.purple),
+          // labelStyle: TextStyle(color: Colors.purple),
+          border: OutlineInputBorder(
+            gapPadding: 10,
+            borderSide: BorderSide(color: Colors.purple),
+          ),
         ),
       ),
       home: MyHomePage(),
@@ -57,9 +61,9 @@ class MyHomePageState extends State<MyHomePage> {
               FormBuilder(
                 // context,
                 key: _fbKey,
-                autovalidate: true,
+                // autovalidate: true,
                 initialValue: {
-                  'movie_rating': 5,
+                  'movie_rating': 3,
                 },
                 readOnly: false,
                 child: Column(
@@ -121,7 +125,8 @@ class MyHomePageState extends State<MyHomePage> {
                               height: 200,
                               child: CupertinoPicker(
                                 itemExtent: 30,
-                                children: allCountries.map((c) => Text(c)).toList(),
+                                children:
+                                    allCountries.map((c) => Text(c)).toList(),
                                 onSelectedItemChanged: (index) {
                                   print(index);
                                   field.didChange(allCountries[index]);
@@ -277,7 +282,8 @@ class MyHomePageState extends State<MyHomePage> {
                     FormBuilderTextField(
                       attribute: "age",
                       decoration: InputDecoration(
-                        labelText: "This value is passed along to the [Text.maxLines] attribute of the [Text] widget used to display the hint text.",
+                        labelText:
+                            "This value is passed along to the [Text.maxLines] attribute of the [Text] widget used to display the hint text.",
                       ),
                       onChanged: _onChanged,
                       valueTransformer: (text) => num.tryParse(text),
@@ -292,6 +298,12 @@ class MyHomePageState extends State<MyHomePage> {
                       attribute: "gender",
                       decoration: InputDecoration(
                         labelText: "Gender",
+                        border: UnderlineInputBorder(
+                          borderSide: BorderSide(
+                            color: Colors.green,
+                            width: 20,
+                          ),
+                        ),
                       ),
                       // initialValue: 'Male',
                       hint: Text('Select Gender'),
@@ -435,9 +447,13 @@ class MyHomePageState extends State<MyHomePage> {
                       decoration: InputDecoration(labelText: "Rate this form"),
                       attribute: "rate",
                       iconSize: 32.0,
-                      initialValue: 1,
-                      max: 5,
+                      initialValue: 1.0,
+                      max: 5.0,
                       onChanged: _onChanged,
+                      // readOnly: true,
+                      filledColor: Colors.red,
+                      emptyColor: Colors.pink[100],
+                      isHalfAllowed: true,
                     ),
                     FormBuilderCheckboxList(
                       decoration: InputDecoration(

lib/src/fields/form_builder_rate.dart

@@ -10,12 +10,18 @@ class FormBuilderRate extends StatefulWidget {
   final bool readOnly;
   final InputDecoration decoration;
   final ValueChanged onChanged;
+  final FormFieldSetter onSaved;
   final ValueTransformer valueTransformer;
 
-  final num max;
   final IconData icon;
   final num iconSize;
-  final FormFieldSetter onSaved;
+  final num max;
+  final Color filledColor;
+  final IconData emptyIcon;
+  final Color emptyColor;
+  final bool isHalfAllowed;
+  final IconData halfFilledIcon;
+  final Color halfFilledColor;
 
   FormBuilderRate({
     Key key,
@@ -30,6 +36,12 @@ class FormBuilderRate extends StatefulWidget {
     this.onChanged,
     this.valueTransformer,
     this.onSaved,
+    this.filledColor,
+    this.emptyIcon = Icons.star,
+    this.emptyColor,
+    this.isHalfAllowed = false,
+    this.halfFilledIcon = Icons.star_half,
+    this.halfFilledColor,
   }) : super(key: key);
 
   @override
@@ -91,23 +103,44 @@ class _FormBuilderRateState extends State<FormBuilderRate> {
             enabled: !_readOnly,
             errorText: field.errorText,
           ),
-          child: RatingBar(
-            initialRating: field.value,
-            maxRating: widget.max.toInt(),
-            filledIcon: widget.icon,
-            emptyIcon: widget.icon,
-            size: widget.iconSize,
-            onRatingChanged: _readOnly
-                ? null
-                : (value) {
-                    FocusScope.of(context).requestFocus(FocusNode());
-                    field.didChange(value);
-                    if (widget.onChanged != null) widget.onChanged(value);
-                    return value;
-                  },
-          ),
+          child: _buildRatingBar(field),
         );
       },
     );
   }
+
+  Widget _buildRatingBar(FormFieldState<dynamic> field){
+    if(_readOnly){
+      return RatingBar.readOnly(
+        initialRating: field.value,
+        maxRating: widget.max.toInt(),
+        filledIcon: widget.icon,
+        filledColor: widget.filledColor,
+        emptyIcon: widget.emptyIcon,
+        emptyColor: widget.emptyColor,
+        isHalfAllowed: widget.isHalfAllowed,
+        halfFilledIcon: widget.halfFilledIcon,
+        halfFilledColor: widget.halfFilledColor,
+        size: widget.iconSize,
+      );
+    }
+    return RatingBar(
+      initialRating: field.value,
+      maxRating: widget.max.toInt(),
+      filledIcon: widget.icon,
+      filledColor: widget.filledColor,
+      emptyIcon: widget.emptyIcon,
+      emptyColor: widget.emptyColor,
+      isHalfAllowed: widget.isHalfAllowed,
+      halfFilledIcon: widget.halfFilledIcon,
+      halfFilledColor: widget.halfFilledColor,
+      size: widget.iconSize,
+      onRatingChanged: (value) {
+        FocusScope.of(context).requestFocus(FocusNode());
+        field.didChange(value);
+        if (widget.onChanged != null) widget.onChanged(value);
+        return value;
+      },
+    );
+  }
 }

lib/src/form_builder.dart

@@ -96,7 +96,11 @@ class FormBuilderState extends State<FormBuilder> {
   }
 
   void reset() {
-    _formKey.currentState.reset();
+    // _formKey.currentState.reset();
+    _fieldKeys.forEach((mapKey, fieldKey){
+      print("Reseting $mapKey");
+      fieldKey.currentState.reset();
+    });
   }
 
   @override