如何通过滚动(Flutter web)在小部件上动态应用缩放转换?

问题描述 投票:0回答:0

我正在创建一个网络应用程序,其预期功能是能够通过分别向下或向上滚动来放大和缩小屏幕(

Scaffold
小部件)。

我目前能够通过使用这个无状态小部件来实现。

import 'package:flutter/material.dart';

class ZoomableWidget extends StatelessWidget {
  final Widget child;
  ZoomableWidget({required this.child});

  @override
  Widget build(BuildContext context) {
    return InteractiveViewer(
      child: child,
      boundaryMargin: EdgeInsets.all(0),
      minScale: 0.5,
      maxScale: 4,
    );
  }
}

此小部件允许您通过滚动来放大和缩小子小部件。我的问题是我希望缩放“动画”处于固定位置 (0,0),而不是缩放小部件上的任何位置。我该怎么做?

flutter scroll transformation scaling
© www.soinside.com 2019 - 2024. All rights reserved.