Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cali0707/radio_button_form_field
A Flutter Package to create radio buttons as FormFields, each contained in a ListTile with the button as the Leading Widget.
https://github.com/cali0707/radio_button_form_field
flutter flutter-form flutter-form-widgets flutter-formfield flutter-radio material-radio
Last synced: about 1 month ago
JSON representation
A Flutter Package to create radio buttons as FormFields, each contained in a ListTile with the button as the Leading Widget.
- Host: GitHub
- URL: https://github.com/cali0707/radio_button_form_field
- Owner: Cali0707
- License: bsd-3-clause
- Created: 2020-10-06T04:06:36.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2022-08-21T13:02:56.000Z (about 2 years ago)
- Last Synced: 2024-04-18T01:59:02.600Z (7 months ago)
- Topics: flutter, flutter-form, flutter-form-widgets, flutter-formfield, flutter-radio, material-radio
- Language: Dart
- Homepage:
- Size: 77.1 KB
- Stars: 5
- Watchers: 1
- Forks: 3
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
## radio_button_form_field
A Flutter Package to create radio buttons as FormFields, each contained in a ListTile with the button as the Leading Widget.
## Usage
This widget should be used like any other FormField widget in a Form.
This widget must have a MaterialWidget ancestor, such as a MaterialApp or Form widget.
If it does not have a Form widget as an ancestor, it needs to be given a GlobalKey.
The widget requires a List of the data you want built into the RadioButtonFormField.
The key given to the value of each item should be passed to the value parameter,
and the key given to the title should be passed to the display parameter.
The widget will return a ListView containing an equal number of items as the List it was passed.
## Example
```dart
import 'package:flutter/material.dart';
import 'package:radio_button_form_field/radio_button_form_field.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
home: ExampleForm(),
debugShowCheckedModeBanner: false,
);
}
}
class ExampleForm extends StatefulWidget {
@override
_ExampleFormState createState() => _ExampleFormState();
}
GlobalKey myFormKey = new GlobalKey();
class _ExampleFormState extends State {
int myNumber;
String myValue = 'No value saved yet.';
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Radio Button Form Field Example'),
),
body: SafeArea(
child: Form(
key: myFormKey,
child: ExpansionTile(
children: [
RadioButtonFormField(
toggleable: true,
padding: EdgeInsets.all(8),
context: context,
value: 'value',
display: 'display',
data: data,
onSaved: (value) {
setState(() {
myNumber = value;
myValue = value.toString();
});
},
),
FlatButton(
onPressed: () {
_submitForm();
},
child: Text('Submit'),
),
Text(myValue)
],
),
),
),
);
}
void _submitForm() {
final FormState formState = myFormKey.currentState;
if (formState.validate()) {
formState.save();
print(myNumber);
}
}
}
final List data = [
{'value': 1, 'display': 'One'},
{'value': 2, 'display': 'Two'},
{'value': 3, 'display': 'Three'}
];
```
## Contributing
Contributions are welcome as pull requests to the github repo.
Please open issues on the repo for feature requests or bug reports.