带有单选按钮逻辑的 Flutter Checkbox

Question

我一直在尝试使用 flutter 中的复选框来获取单选按钮功能，但我无法针对此问题提出解决方案。我遇到的大多数示例都具有 select 多个复选框的能力。

Answer 1

请检查下面的代码。

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

int index = 0;

class demo extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => _demoState();
}

class _demoState extends State<demo> {
  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Material(
      child: SafeArea(
        child: ListView.builder(
          itemCount: 6,
          itemBuilder: (context, i) {
            return GestureDetector(
              onTap: () {
                setState(() {
                  index = i;
                });
              },
              child: ListTile(
                leading: index == i
                    ? Icon(Icons.check_box)
                    : Icon(Icons.check_box_outline_blank),
                title: Text(i.toString()),
              ),
            );
          },
        ),
      ),
    );
  }
}

带有单选按钮逻辑的 Flutter Checkbox

Flutter Checkbox with the radio button logic

checkbox

radio-button

dart

flutter

flutter-widget