Flutter 触摸回调组件

来源: 亢少军《Flutter技术入门与实战 第2版》- 第16章

import 'package:flutter/material.dart';

// 触摸回调组件
class TouchCallBack extends StatefulWidget {
  // 子组件
  final Widget child;

  // 回调函数
  final VoidCallback onPressed;
  final bool isfeed;

  // 背景色
  final Color background;

  // 入参
  TouchCallBack(
      {Key key,
      @required this.child,
      @required this.onPressed,
      this.isfeed: true,
      this.background: const Color(0xffd8d8d8)})
      : super(key: key);

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

class _TouchCallBackState extends State<TouchCallBack> {
  Color color = Colors.transparent;
  @override
  Widget build(BuildContext context) {
    // 返回 GestureDetector 对象
    return GestureDetector(
      // 使用Container 包裹
      child: Container(
        color: color,
        child: widget.child,
      ),
      onTap: widget.onPressed,

      onTapDown: (d) {
        if (widget.isfeed == false) return;
        setState(() {
          color = widget.background;
        });
      },
      onPanCancel: () {
        setState(() {
          color = Colors.transparent;
        });
      },
    );
  }
}