フラッターラジオのチェックボックス

 

ユーザーがグループからオプションを選択することを可能にするラジオボタン、。

インポート 'パッケージ：フラッター/ material.dart' ;

クラス RadioDemoは延びStatefulWidgetを{
  @オーバーライド
  _RadioDemoState createState（） => _RadioDemoState（）;
}

クラス _RadioDemoStateが延びている状態を<RadioDemo> {
   INT _radioGroupA = 0 。
  
  ボイド _handleRadioValueChanged（int型の値）{
    SETSTATE（（）{
      _radioGroupA = 値。
    }）;
  }

  @オーバーライド
  ウィジェットビルド（BuildContextコンテキスト）{
    リターン足場（
      アプリケーションバー：アプリケーションバー（
        タイトル：テキスト（ 'RadioDemo' ）、
        標高： 0.0 、
      ）、
      ボディ：コンテナ（
        パディング：EdgeInsets.all（ 16.0 ）、
        子供：列（
          mainAxisAlignment：MainAxisAlignment.center、
          子供： <ウィジェット> [
            テキスト（ 'RadioGroupValue：$ _radioGroupA' ）、
            SizedBox（高さ： 32.0 ）、
            RadioListTile（
              値： 0 、
              GroupValue：_radioGroupA、
              onChangedイベント：_handleRadioValueChanged、
              タイトル：テキスト（ 'オプションA' ）、
              字幕：テキスト（ '説明' ）、
              二次：アイコン（Icons.filter_1）、
              選択：_radioGroupAの == 0 、
            ）、
            RadioListTile（
              値： 1 、
              GroupValue：_radioGroupA、
              onChangedイベント：_handleRadioValueChanged、
              タイトル：テキスト（ 'オプションB' ）、
              字幕：テキスト（ '説明' ）、
              二次：アイコン（Icons.filter_2）、
              選択：_radioGroupAの == 1 、
            ）、
            行（
              mainAxisAlignment：MainAxisAlignment.center、
              子供： <ウィジェット> [
                 // ラジオ（
                 //    値：0、
                 //    groupValue：_radioGroupA、
                 //    onChangedイベント：_handleRadioValueChanged、
                 //    activeColor：Colors.black、
                 // ）、
                 // ラジオ（
                 //    値：1、
                 //    groupValue：_radioGroupA、
                 //    onChangedイベント：_handleRadioValueChanged、
                 //    activeColor：Colors.black、
                 // ）、
              ]、
            ）、
          ]、
        ）、
      ）
    ）;
  }
}

ドキュメンテーションます。https：//api.flutter.dev/flutter/material/Radio-class.html

効果：