Flutterでラジオボタンのバリデーションを行う

Flutterのラジオボタンにはvalidatorがない。そもそもラジオボタングループのようなウィジェットもない。

ではラジオボタンもFormの _formKey.currentState!.validate() でバリデーションさせたい時にはどうしたらよいか。

Flutter FormBuilderというパッケージにそういうのがあるのでそれを使うと簡単。

flutter_form_builder | Flutter Package

FormBuilderRadioGroup<String>(
    name: 'gender',
    decoration: const InputDecoration(
      contentPadding: EdgeInsets.zero,
      border: InputBorder.none,
    ),
    onChanged: onGenderChanged,
    validator: (value) {
      if (value == null || value.isEmpty) {
        return '性別を選択してください。';
      }
      return null;
    },
    options: const [
      FormBuilderFieldOption(value: 'man', child: Text('男性')),
      FormBuilderFieldOption(value: 'woman', child: Text('女性')),
    ],
  )

デフォルトだとラッパーの枠がつくのでdecorationのborderで消している。

あとはデフォルト選択で良ければいちいちバリデーションを入れずにそれでも良いような気もする。

ちなみにどうしてもカスタマイズが必要な場合は下記のように自作も可能。

Flutterでバリデーションに対応したカスタムなフィールドを作成する