[FormBuilderRadioGroup]: position of the radio button

[Bhavukarora03]

Is there an existing issue for this?

• I have searched the existing issues

Package/Plugin version

9.2.1

Platforms

• Android
• iOS
• Linux
• MacOS
• Web
• Windows

Flutter doctor

Flutter doctor

[√] Flutter (Channel stable, 3.22.1, on Microsoft Windows [Version 10.0.22631.3593], locale en-US)
[√] Windows Version (Installed version of Windows is version 10 or higher)
[√] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
[X] Chrome - develop for the web (Cannot find Chrome executable at .\Google\Chrome\Application\chrome.exe)
    ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
[X] Visual Studio - develop Windows apps
    X Visual Studio not installed; this is necessary to develop Windows apps.
      Download at https://visualstudio.microsoft.com/downloads/.
      Please install the "Desktop development with C++" workload, including all of its default components
[√] Android Studio (version 2023.3)
[√] VS Code (version 1.89.1)
[√] Connected device (3 available)
[√] Network resources

Minimal code example

Code sample

FormBuilderRadioGroup(
                name: 'circle_visibility',
                validator: FormBuilderValidators.required(
                  errorText: 'Please select a circle visibility option',
                ),
                orientation: OptionsOrientation.vertical,
                wrapSpacing: 30,
                decoration: const InputDecoration(
                  contentPadding: EdgeInsets.zero,
                  enabledBorder: InputBorder.none,
                ),
                separator: const SizedBox(height: 20),
                options: [
                  FormBuilderFieldOption(
                    value: 'educators_only',
                    child: _buildRadioOption(
                      title: "Educators only",
                      description: "For educators seeking a professional, focused environment.",
                      visible: isEducatorOnlyContentVisible,
                      additionalContent: _buildEducatorsOnlyContent(),
                    ),
                  ),
                  FormBuilderFieldOption(
                    value: 'open_to_all',
                    child: _buildRadioOption(
                      title: "Open to all",
                      description: "Welcomes a diverse group, including educators, learners, and enthusiasts.",
                      visible: isAllContentVisible,
                      additionalContent: _buildOpenToAllContent(),
                    ),
                  ),
                ],
                onChanged: (value) {
                  setState(() {
                    isEducatorOnlyContentVisible = value == 'educators_only';
                    isAllContentVisible = value == 'open_to_all';
                  });
                }),

Current Behavior

Expected Behavior

i want the postion of the radio button to the top left instead of centre when content is expanded

Steps To Reproduce

sample.dart

Aditional information

[deandreamatias]

Maybe if add a property to change this

flutter_form_builder/lib/src/widgets/grouped_radio.dart

Line 287 in 4d27723

crossAxisAlignment: CrossAxisAlignment.start,

can be change control position

I see that more like a enhancement than bug