Flutter 自定义图片按钮，按下效果及按键音效

最新推荐文章于 2024-10-27 16:18:21 发布

原创

最新推荐文章于 2024-10-27 16:18:21 发布 · 2.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #自定义图片按键效果 #按键音效

import 'package:flutter/material.dart';
import 'package:transparent_image/transparent_image.dart';
import 'package:just_audio/just_audio.dart';

/*
 * 常用图片按钮
 */
class KarenButton extends StatefulWidget {
  final String image;
  //按钮类型，决定发音方式
  final String type;
  final Function onPressed;
  final double width;
  final double height;
  final Widget child;
  const KarenButton(
      {Key key,
      @required this.image,
      @required this.onPressed,
      @required this.width,
      @required this.height,
      this.child,
      this.type})
      : super(key: key);

  @override
  State<StatefulWidget> createState() {
    return _KarenButtonState();
  }
}

class _KarenButtonState extends State<KarenButton> {
  @override
  Widget build(BuildContext context) {
    return KarenImageButton(
      image: widget.image,
      onPressed: widget.onPressed,
      width: widget.width,
      height: widget.height,
      child: widget.child,
      type: widget.type,
    );
  }
}
/