Started working on radio group

Author: danvick

example/lib/main.dart

@@ -15,13 +15,13 @@ class MyApp extends StatelessWidget {
       title: 'Flutter FormBuilder Demo',
       theme: ThemeData(
         primarySwatch: Colors.blue,
-        brightness: Brightness.dark,
+        // brightness: Brightness.dark,
         inputDecorationTheme: InputDecorationTheme(
           // labelStyle: TextStyle(color: Colors.purple),
           border: OutlineInputBorder(
             gapPadding: 10,
-            borderSide: BorderSide(color: Colors.purple),
           ),
+
         ),
       ),
       home: MyHomePage(),
@@ -287,6 +287,10 @@ class MyHomePageState extends State<MyHomePage> {
                     ],
                   ),
                   SizedBox(height: 15),
+                  Text(
+                    "This value is passed along to the [Text.maxLines] attribute of the [Text] widget used to display the hint text.",
+                    style: Theme.of(context).inputDecorationTheme.labelStyle,
+                  ),
                   FormBuilderTextField(
                     attribute: "age",
                     decoration: InputDecoration(
@@ -407,9 +411,10 @@ class MyHomePageState extends State<MyHomePage> {
                         .toList(growable: false),
                   ),
                   SizedBox(height: 15),
-                  FormBuilderRadio(
+                  FormBuilderRadioGroup(
                     decoration: InputDecoration(labelText: 'Pick a number'),
                     attribute: "number",
+                    readOnly: true,
                     options: [
                       FormBuilderFieldOption(
                         value: 1,

lib/flutter_form_builder.dart

@@ -16,6 +16,7 @@ export './src/fields/form_builder_image_picker.dart';
 export './src/fields/form_builder_image_picker.dart';
 export './src/fields/form_builder_phone_field.dart';
 export './src/fields/form_builder_radio.dart';
+export './src/fields/form_builder_radio_group.dart';
 export './src/fields/form_builder_range_slider.dart';
 export './src/fields/form_builder_rate.dart';
 export './src/fields/form_builder_segmented_control.dart';

lib/src/fields/form_builder_radio_group.dart

@@ -0,0 +1,122 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+import 'package:flutter_form_builder/flutter_form_builder.dart';
+import 'package:group_radio_button/group_radio_button.dart';
+
+class FormBuilderRadioGroup extends StatefulWidget {
+  final String attribute;
+  final List<FormFieldValidator> validators;
+  final dynamic initialValue;
+  final bool readOnly;
+  final InputDecoration decoration;
+  final ValueChanged onChanged;
+  final ValueTransformer valueTransformer;
+
+  final bool leadingInput;
+  final List<FormBuilderFieldOption> options;
+  final MaterialTapTargetSize materialTapTargetSize;
+  final Color activeColor;
+  final FormFieldSetter onSaved;
+  final EdgeInsets contentPadding;
+
+  FormBuilderRadioGroup({
+    Key key,
+    @required this.attribute,
+    @required this.options,
+    this.initialValue,
+    this.validators = const [],
+    this.readOnly = false,
+    this.decoration = const InputDecoration(),
+    this.onChanged,
+    this.valueTransformer,
+    this.leadingInput = false,
+    this.materialTapTargetSize,
+    this.activeColor,
+    this.onSaved,
+    this.contentPadding = const EdgeInsets.all(0.0),
+  }) : super(key: key);
+
+  @override
+  _FormBuilderRadioGroupState createState() => _FormBuilderRadioGroupState();
+}
+
+class _FormBuilderRadioGroupState extends State<FormBuilderRadioGroup> {
+  bool _readOnly = false;
+  final GlobalKey<FormFieldState> _fieldKey = GlobalKey<FormFieldState>();
+  FormBuilderState _formState;
+  dynamic _initialValue;
+
+  @override
+  void initState() {
+    _formState = FormBuilder.of(context);
+    _formState?.registerFieldKey(widget.attribute, _fieldKey);
+    _initialValue = widget.initialValue ??
+        (_formState.initialValue.containsKey(widget.attribute)
+            ? _formState.initialValue[widget.attribute]
+            : null);
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    _formState?.unregisterFieldKey(widget.attribute);
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    _readOnly = (_formState?.readOnly == true) ? true : widget.readOnly;
+
+    return FormField(
+      key: _fieldKey,
+      enabled: !_readOnly,
+      initialValue: _initialValue,
+      validator: (val) {
+        for (int i = 0; i < widget.validators.length; i++) {
+          if (widget.validators[i](val) != null) {
+            return widget.validators[i](val);
+          }
+        }
+        return null;
+      },
+      onSaved: (val) {
+        var transformed;
+        if (widget.valueTransformer != null) {
+          transformed = widget.valueTransformer(val);
+          _formState?.setAttributeValue(widget.attribute, transformed);
+        } else {
+          _formState?.setAttributeValue(widget.attribute, val);
+        }
+        if (widget.onSaved != null) {
+          widget.onSaved(transformed ?? val);
+        }
+      },
+      builder: (FormFieldState<dynamic> field) {
+        return InputDecorator(
+          decoration: widget.decoration.copyWith(
+            enabled: !_readOnly,
+            errorText: field.errorText,
+          ),
+          child: RadioGroup.builder(
+            groupValue: field.value,
+            onChanged: _readOnly ? null : (value) {
+              FocusScope.of(context).requestFocus(FocusNode());
+              field.didChange(value);
+              if (widget.onChanged != null) widget.onChanged(value);
+            },
+            items: widget.options.map((option) => option.value).toList(growable: false),
+            itemBuilder: (item) {
+              return RadioButtonBuilder(
+                item.toString(),
+                textPosition: RadioButtonTextPosition.right,
+              );
+            },
+            direction: Axis.horizontal,
+            horizontalAlignment: MainAxisAlignment.start,
+            spacebetween: 40,
+          ),
+        );
+      },
+    );
+  }
+}

pubspec.lock

@@ -165,6 +165,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.2.0"
+  group_radio_button:
+    dependency: "direct main"
+    description:
+      name: group_radio_button
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.0"
   html:
     dependency: transitive
     description:

pubspec.yaml

@@ -23,6 +23,7 @@ dependencies:
   rating_bar: ^0.2.0
   country_pickers: ^1.2.1
   phone_number: ^0.6.2+2
+  group_radio_button: ^1.0.0
 
 dev_dependencies:
   flutter_test: