group_radio_button 1.0.0

Flutter librity to create radio groups and radio button with labels.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:group_radio_button/group_radio_button.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: HomePage(),
        debugShowCheckedModeBanner: false);
  }
}

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  int _stackIndex = 0;

  String _singleValue = "Text alignment right";
  String _verticalGroupValue = "Pending";

  List<String> _status = ["Pending", "Released", "Blocked"];

  @override
  Widget build(BuildContext context) => Scaffold(
        appBar: AppBar(
          title: Text("Radio button group example"),
        ),
        body: IndexedStack(
          index: _stackIndex,
          children: <Widget>[
            Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                RadioButton(
                  description: "Text alignment right",
                  value: "Text alignment right",
                  groupValue: _singleValue,
                  onChanged: (value) => setState(
                    () => _singleValue = value,
                  ),
                ),
                RadioButton(
                  description: "Text alignment left",
                  value: "Text alignment left",
                  groupValue: _singleValue,
                  onChanged: (value) => setState(
                    () => _singleValue = value,
                  ),
                  textPosition: RadioButtonTextPosition.left,
                ),
              ],
            ),
            Column(
              children: <Widget>[
                RadioGroup<String>.builder(
                  groupValue: _verticalGroupValue,
                  onChanged: (value) => setState(() {
                    _verticalGroupValue = value;
                  }),
                  items: _status,
                  itemBuilder: (item) => RadioButtonBuilder(
                    item,
                  ),
                ),
                RadioGroup<String>.builder(
                  groupValue: _verticalGroupValue,
                  onChanged: (value) => setState(() {
                    _verticalGroupValue = value;
                  }),
                  items: _status,
                  itemBuilder: (item) => RadioButtonBuilder(
                    item,
                    textPosition: RadioButtonTextPosition.left,
                  ),
                ),
              ],
            ),
            RadioGroup<String>.builder(
              direction: Axis.horizontal,
              groupValue: _verticalGroupValue,
              onChanged: (value) => setState(() {
                _verticalGroupValue = value;
              }),
              items: _status,
              itemBuilder: (item) => RadioButtonBuilder(
                item,
              ),
            ),
          ],
        ),
        bottomNavigationBar: BottomNavigationBar(
          items: [
            BottomNavigationBarItem(
              title: Text("Single"),
              icon: Icon(
                Icons.radio_button_checked,
              ),
            ),
            BottomNavigationBarItem(
              title: Text("Vertical"),
              icon: Icon(
                Icons.list,
              ),
            ),
            BottomNavigationBarItem(
              title: Text("Horizontal"),
              icon: Icon(
                Icons.linear_scale,
              ),
            ),
          ],
          currentIndex: _stackIndex,
          onTap: (index) => setState(
            () => _stackIndex = index,
          ),
        ),
      );
}