Flutter 自定义手势Widget

import 'package:flutter/material.dart';

/// 创建自定义手势组件
/// @author wang.kt
/// 

// ignore: must_be_immutable
class GestureUnlockWidget extends StatefulWidget{
   

  GestureWidgetOpts _opts;

  GestureWidgetCallBack _callBack;

  GestureUnlockWidget(this._opts,this._callBack);

  @override
  _GestureUnlockWidgetState createState() => _GestureUnlockWidgetState(this._opts,this._callBack);

}

class _GestureUnlockWidgetState extends State<StatefulWidget>{
   


  GestureWidgetOpts _opts;

  GestureWidgetCallBack _callBack;

  _GestureUnlockWidgetState(this._opts,this._callBack);

  List _imgs  = [0,1,2,3,4,5,6,7,8]; //默认九宫格的id

  List _paths = []; //产生的路径

  bool _validFlag = true; //路径是否有效,默认为有效

  bool _canPaint = true;

  Offset _offset ;
  
  @override
  Widget build(BuildContext context) {
   

    final size = MediaQuery.of(context).size;

    final width = size.width;

    final height = size.height;

    final canvasSize = width > height ? height : width;
    // 0.5 + 1 + 1.5 + 1 + 1.5 + 1 + 0.5 = 7
    final imageSize = canvasSize / 7 ;

    final padding = imageSize / 2;

    //通过
    Image getGestureUnlockImage(int idx){
   
      var imagePath = _opts.normalImage;
      if(_paths.contains(idx)){
   
        imagePath = _validFlag ? _opts.selectedImage : _opts.errorImage;
      }
      return  Image(
        image: AssetImage(imagePath),
        height: imageSize,
      );
    }


    //绘制按钮
    Positioned painterGestureUnlockImage(int idx){
   
      double x = padding;
      double y = padding;
      x +=  (idx % 3)