どのように動的に作成されたチェックボックスのリストを扱うことができますか？

Question

flutterを使用して、いくつかのテキストとカスタマイズされたチェックボックスの横に値のリストを作成しようとしています。テキストまたはチェックボックスの任意の場所をタップすると有効な状態が表示され、再度タップすると無効にする必要があります。私は、各チェックボックスの状態を個別に扱う方法が不明です。私もCheckBoxListTileを使ってみましたが、私はどのようにして私が望むものを達成できるかはわかりません。誰かが例を挙げることはできますか？

Answer 1

CheckboxListTileのサンプルコードです。 galleryにもっと多くの例があります。

import 'package:flutter/material.dart'; 

class Demo extends StatefulWidget { 
    @override 
    DemoState createState() => new DemoState(); 
} 

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

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

void main() { 
    runApp(new MaterialApp(home: new Demo(), debugShowCheckedModeBanner: false)); 
}