【FlutterDart】拖动改变 widget 的窗口尺寸大小GestureDetector～简单实现（10 /100）

2025/2/6 19:55:16 来源：https://blog.csdn.net/lichong951/article/details/144926284 浏览: 次关键词：【FlutterDart】拖动改变 widget 的窗口尺寸大小GestureDetector～简单实现（10 /100）

上效果

在这里插入图片描述
预期的是通过拖动一条边界线改变窗口大小，类似vscode里拖动效果。这个是简单的拖动实现

上代码：

import 'package:flutter/material.dart';class MyDraggableViewDemo extends StatelessWidget {const MyDraggableViewDemo({super.key});@overrideWidget build(BuildContext context) {return MaterialApp(home: Scaffold(appBar: AppBar(title: Text('MyDraggableViewDemo'),),body: DraggableDemo(),),);}
}class DraggableDemo extends StatefulWidget {const DraggableDemo({super.key});@overrideState<StatefulWidget> createState() {return _DraggableDemoState();}
}class _DraggableDemoState extends State<DraggableDemo> {double width = 200.0;double height = 200.0;@overrideWidget build(BuildContext context) {return Center(child: GestureDetector(onPanUpdate: (details) {setState(() {width = width + details.delta.dx;height = height + details.delta.dy;});},child: Container(width: width,height: height,color: Colors.blue,child: Center(child: Text('点击 拖动后改变窗口大小',style: TextStyle(color: Colors.white),),),),),);}
}