flutter-form-builder-ecosystem / flutter_form_builder

Simple form maker for Flutter Framework
https://pub.dev/packages/flutter_form_builder
MIT License
1.48k stars 535 forks source link

[FormBuilderRadioGroup]: postion of the radio button #1401

Open Bhavukarora03 opened 4 months ago

Bhavukarora03 commented 4 months ago

Is there an existing issue for this?

Package/Plugin version

9.2.1

Platforms

Flutter doctor

Flutter doctor ```bash [√] 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 ```dart 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

image

deandreamatias commented 1 month ago

Maybe if add a property to change this https://github.com/flutter-form-builder-ecosystem/flutter_form_builder/blob/4d27723b5ab68e9cd0d9398b5bc11e4424f5703d/lib/src/widgets/grouped_radio.dart#L287 can be change control position

I see that more like a enhancement than bug