flutter - 无法获得墨水瓶飞溅效果

Question

我无法为我创建的自定义按钮获得飞溅效果。我不确定，缺少什么。

import 'package:flutter/material.dart';

class CustomButton extends StatelessWidget {
  final String title;
  final double buttonHeight;
  final double buttonWidth;
  final Color backgroundColor;
  final Color textColor;
  final VoidCallback onClick;

  const CustomButton({
    Key? key,
    required this.title,
    required this.buttonHeight,
    required this.buttonWidth,
    required this.backgroundColor,
    required this.textColor,
    required this.onClick,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(10.0),
        color: Color(0xFFFFC107),
      ),
      child: Material(
        color: Colors.transparent,
        child: InkWell(
          child: Container(
            height: buttonHeight,
            width: buttonWidth,
            alignment: Alignment.center,
            child: Text(
              title,
              style: TextStyle(
                fontSize: 18,
                fontWeight: FontWeight.bold,
              ),
            ),
          ),
        ),
      ),
    );
  }
}

请在下面找到我的环境详细信息以供您参考：

Flutter 2.2.1 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 02c026b03c (2 weeks ago) • 2021-05-27 12:24:44 -0700
Engine • revision 0fdb562ac8
Tools • Dart 2.13.1

任何帮助将不胜感激。提前致谢。

标签： flutterdartflutter-layoutflutter-animation