如何在颤振中动态制作多个复选框并将它们的值放在一起

Jun*_*ned 1 checkbox dynamically-generated dart flutter

我是 flutter 新手我在创建包含多个项目的 CheckBox 时遇到问题,然后用户还可以从复选框列表中选择多个项目。请帮助我,伙计们。

小智 9

你可以试试这个小部件CheckboxListTile

import 'package:flutter/material.dart';

class DemoCheck extends StatefulWidget {
  @override
  DemoCheckState createState() => new DemoCheckState();
}

class DemoCheckState extends State<Demo> {
  Map<String, bool> values = {
    'foo': true,
    'bar': false,
  };

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(title: Text('Demo')),
      body: ListView(
        children: values.keys.map((String key) {
          return new CheckboxListTile(
            title: Text(key),
            value: values[key],
            onChanged: (bool value) {
              setState(() {
                values[key] = value;
              });
            },
          );
        }).toList(),
      ),
    );
  }
}

void main() {
  runApp( MaterialApp(home: DemoCheck()));
}
Run Code Online (Sandbox Code Playgroud)

  • 感谢分享您的代码,当我选择任何项目表单复选框时,我还需要一件事,它会自动将所有选定的项目添加到新的数组或地图中,然后我必须使用文本小部件在屏幕上显示选定的项目。如果您在这方面帮助我,我将非常高兴。 (2认同)