和Chip组件类似的样式,有一些点击的属性。可以指定点击时的阴影深、点击事件。

相关组件
Chip ChoiceChip InputChip FilterChip RawChip

ActionChip的普通表现如下

【onPressed】: 点击事件 【Function】
【pressElevation】: 按下时影深 【double】
其他属性同Chip组件,无右侧组件。
26.gif

  1. import 'package:flutter/material.dart';
  2. import '../../../dialogs/dialog_about.dart';
  3. class CustomActionChip extends StatelessWidget {
  4. @override
  5. Widget build(BuildContext context) {
  6. return ActionChip(
  7. padding: EdgeInsets.all(5),
  8. labelPadding: EdgeInsets.all(3),
  9. label: Text("This is a ActionChip."),
  10. backgroundColor: Colors.grey.withAlpha(66),
  11. avatar: Image.asset("assets/images/icon_head.png"),
  12. shadowColor: Colors.orangeAccent,
  13. elevation: 3,
  14. pressElevation: 5,
  15. onPressed: ()=> DialogAbout.show(context),
  16. );
  17. }
  18. }