1、介绍
Chip相关的组件能够实现一系列的按钮效果,下面的示例中实现的是点击删除、点击单选、选中、阴影动画效果。
2、代码
class ChipPage extends StatefulWidget {
const ChipPage({super.key});
@override
State<ChipPage> createState() => ChipState();
}
class ChipState extends State<ChipPage> {
List<String> languages = <String>[
'Flutter',
'Android',
'Java',
'JavaScript',
'Kotlin',
];
List<String> deleteChip = [];
List<String> selectedChip = [];
String selected = "";
@override
void initState() {
super.initState();
deleteChip.addAll(languages);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("Chip相关示例"),
),
body: ListView(
padding: const EdgeInsets.all(10.0),
children: <Widget>[