相关疑难解决方法(0)

Flutter Zoomable Widget

我要构建的是一个小部件,可以使其子小部件可缩放,类似于可缩放行为。

我要讲的手势是

  1. 捏放大
  2. 点按两次即可缩放
  3. 点击以获取小部件的本地位置

这是我的小部件计划:

ZoomableWidget(
   child: // My custom Widget which should be zoomable.
)
Run Code Online (Sandbox Code Playgroud)

这是我当前的进度:

import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:vector_math/vector_math_64.dart';

class ZoomableWidget extends StatefulWidget {
  final Widget child;

  const ZoomableWidget({Key key, this.child}) : super(key: key);
  @override
  _ZoomableWidgetState createState() => _ZoomableWidgetState();
}

class _ZoomableWidgetState extends State<ZoomableWidget> {
  double _scale = 1.0;
  double _previousScale;
  @override
  Widget build(BuildContext context) {
    return ClipRect(
      child: GestureDetector(
        onScaleStart: (ScaleStartDetails details) {
          _previousScale = _scale;
        },
        onScaleUpdate: (ScaleUpdateDetails details) {
          setState(() {
            _scale …
Run Code Online (Sandbox Code Playgroud)

gesture flutter

0
推荐指数
3
解决办法
1732
查看次数

标签 统计

flutter ×1

gesture ×1