Flutter Chip系列

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>[