一统天下 flutter - widget Chip 类: ActionChip - Chip 按钮

源码 https://github.com/webabcd/flutter_demo
作者 webabcd

一统天下 flutter - widget Chip 类: ActionChip - Chip 按钮

示例如下:

lib\widget\chip\action_chip.dart

/*
 * ActionChip - Chip 按钮
 */

import 'package:flutter/material.dart';

import '../../helper.dart';

class ActionChipDemo extends StatefulWidget {
  const ActionChipDemo({Key? key}) : super(key: key);

  @override
  _ActionChipDemoState createState() => _ActionChipDemoState();
}

class _ActionChipDemoState extends State<ActionChipDemo> {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("title")),
      backgroundColor: Colors.orange,
      body: Center(
        child: ActionChip(
          label: Text('text'),                            /// 显示的文本
          labelStyle: TextStyle(color: Colors.white),     /// 显示的文本的样式
          avatar: Icon(Icons.star, color: Colors.yellow), /// 显示的文本的左侧的图标
          padding: EdgeInsets.all(5),                     /// 内间距
          backgroundColor: Colors.blue,                   /// 背景颜色
          disabledColor: Colors.black,                    /// 按钮无效时的背景颜色(不定义 onPressed 则按钮为无效状态)
          onPressed: () {                                 /// 单击事件
            showToast(context, "onPressed");
          },

          tooltip: "tooltip",         /// 长按提示或鼠标悬浮提示
          shape: null,                /// 边框
          side: null,                 /// 边框的大小和颜色
          elevation: 0,               /// 阴影高度
          pressElevation: 5,          /// 按下后的阴影高度
          shadowColor: Colors.black,  /// 阴影颜色
        ),
      ),
    );
  }
}

源码 https://github.com/webabcd/flutter_demo
作者 webabcd

posted @ 2023-03-23 15:58  webabcd  阅读(38)  评论(0编辑  收藏  举报