flutter怎么实现循环出多个复选框,点击其中一个时不会干扰其他的复选框,怎么实现
时间: 2024-04-13 12:28:24 浏览: 101
Flutter Checkbox 复选框
您可以使用ListView.builder或ListView.separated来创建一个循环列表,并在列表项中放置复选框。每个复选框都应该有一个单独的状态来跟踪它是否选中。以下是一个简单的示例:
```dart
import 'package:flutter/material.dart';
class CheckboxList extends StatefulWidget {
@override
_CheckboxListState createState() => _CheckboxListState();
}
class _CheckboxListState extends State<CheckboxList> {
List<bool> _checkedList = List.generate(10, (index) => false);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Checkbox List'),
),
body: ListView.builder(
itemCount: _checkedList.length,
itemBuilder: (context, index) {
return ListTile(
title: Text('Item $index'),
trailing: Checkbox(
value: _checkedList[index],
onChanged: (value) {
setState(() {
_checkedList[index] = value;
});
},
),
);
},
),
);
}
}
void main() {
runApp(MaterialApp(
home: CheckboxList(),
));
}
```
在上面的示例中,我们创建了一个包含10个复选框的列表。每次点击复选框时,相应的状态会更新并重新构建UI。这样,每个复选框都能独立地跟踪它自己的选中状态,不会干扰其他复选框。
希望对您有所帮助!如果有任何其他问题,请随时提问。
阅读全文