import 'dart:async';
import 'package:flutter/material.dart';
class SlideUp extends StatefulWidget {
? const SlideUp({Key? key}) : super(key: key);
? @override
? State<SlideUp> createState() => _SlideUpState();
}
class _SlideUpState extends State<SlideUp> {
? //手指移动的位置
? double _lastMoveY = 0.0;
? //手指按下的位置
? double _downY = 0.0;
? double height = 0.0;
? //盒子的高度
? double boxHeight = 200;
? @override
? Widget build(BuildContext context) {
? ? var maxPostion = MediaQuery.of(context).size.height;
? ? print(maxPostion);
? ? return Scaffold(
? ? ? appBar: AppBar(
? ? ? ? title: Text("手势上滑"),
? ? ? ),
? ? ? body: Container(
? ? ? ? ? child: Stack(
? ? ? ? children: [
? ? ? ? ? Positioned(
? ? ? ? ? ? ? bottom: 0,
? ? ? ? ? ? ? left: 0,
? ? ? ? ? ? ? right: 0,
? ? ? ? ? ? ? child: Container(
? ? ? ? ? ? ? ? padding: EdgeInsets.all(20),
? ? ? ? ? ? ? ? height: boxHeight,
? ? ? ? ? ? ? ? // width: 400,
? ? ? ? ? ? ? ? color: Colors.pink,
? ? ? ? ? ? ? ? child: GestureDetector(
? ? ? ? ? ? ? ? ? ? onVerticalDragStart: (v) {
? ? ? ? ? ? ? ? ? ? ? position = v.localPosition.dy;
? ? ? ? ? ? ? ? ? ? ? print("开始垂直滑动");
? ? ? ? ? ? ? ? ? ? ? print(v.localPosition);
? ? ? ? ? ? ? ? ? ? ? print(v);
? ? ? ? ? ? ? ? ? ? ? _downY = v.localPosition.dy;
? ? ? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? ? ? onVerticalDragEnd: (v) {
? ? ? ? ? ? ? ? ? ? ? if (_downY - _lastMoveY > 0) {
? ? ? ? ? ? ? ? ? ? ? ? print("上滑");
? ? ? ? ? ? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? ? ? ? ? print("下滑");
? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? ? if (boxHeight >= 200 && boxHeight < maxPostion / 2) {
? ? ? ? ? ? ? ? ? ? ? ? // print("在最下面");
? ? ? ? ? ? ? ? ? ? ? ? //在最下面
? ? ? ? ? ? ? ? ? ? ? ? if (_lastMoveY > 0) {
? ? ? ? ? ? ? ? ? ? ? ? ? // print("下滑");
? ? ? ? ? ? ? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? ? ? ? ? ? if (height > maxPostion / 3) {
? ? ? ? ? ? ? ? ? ? ? ? ? ? // print("上滑很大");
? ? ? ? ? ? ? ? ? ? ? ? ? ? setState(() {
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? boxHeight = maxPostion - 200;
? ? ? ? ? ? ? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? ? ? ? ? ? ? // print("上滑小");
? ? ? ? ? ? ? ? ? ? ? ? ? ? setState(() {
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? boxHeight = maxPostion / 2;
? ? ? ? ? ? ? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? ? //在中间
? ? ? ? ? ? ? ? ? ? ? else if (maxPostion / 2 + 100 > boxHeight &&
? ? ? ? ? ? ? ? ? ? ? ? ? boxHeight >= maxPostion / 2) {
? ? ? ? ? ? ? ? ? ? ? ? // print("在最中间");
? ? ? ? ? ? ? ? ? ? ? ? //在最下面
? ? ? ? ? ? ? ? ? ? ? ? if (height > 0) {
? ? ? ? ? ? ? ? ? ? ? ? ? // print("上滑");
? ? ? ? ? ? ? ? ? ? ? ? ? setState(() {
? ? ? ? ? ? ? ? ? ? ? ? ? ? boxHeight = maxPostion - 200;
? ? ? ? ? ? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? ? ? ? ? ? // print("下滑");
? ? ? ? ? ? ? ? ? ? ? ? ? setState(() {
? ? ? ? ? ? ? ? ? ? ? ? ? ? boxHeight = 200;
? ? ? ? ? ? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? ? //在最上面
? ? ? ? ? ? ? ? ? ? ? else if (boxHeight >= (maxPostion / 2 + 100) &&
? ? ? ? ? ? ? ? ? ? ? ? ? maxPostion - 100 >= boxHeight) {
? ? ? ? ? ? ? ? ? ? ? ? // print("在最上面");
? ? ? ? ? ? ? ? ? ? ? ? //在最下面
? ? ? ? ? ? ? ? ? ? ? ? if (_lastMoveY < 0) {
? ? ? ? ? ? ? ? ? ? ? ? ? // print("最上面上滑");
? ? ? ? ? ? ? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? ? ? ? ? ? if (-height > maxPostion / 3) {
? ? ? ? ? ? ? ? ? ? ? ? ? ? // print("下滑很大");
? ? ? ? ? ? ? ? ? ? ? ? ? ? setState(() {
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? boxHeight = 200;
? ? ? ? ? ? ? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? ? ? ? ? ? ? // print("下滑小");
? ? ? ? ? ? ? ? ? ? ? ? ? ? setState(() {
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? boxHeight = maxPostion / 2;
? ? ? ? ? ? ? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? ? ? onVerticalDragUpdate: (v) {
? ? ? ? ? ? ? ? ? ? ? _lastMoveY = v.localPosition.dy;
? ? ? ? ? ? ? ? ? ? ? height = -(_lastMoveY - _downY);
? ? ? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? ? ? child: Column(
? ? ? ? ? ? ? ? ? ? ? mainAxisSize: MainAxisSize.min,
? ? ? ? ? ? ? ? ? ? ? children: [
? ? ? ? ? ? ? ? ? ? ? ? Container(
? ? ? ? ? ? ? ? ? ? ? ? ? color: Colors.green,
? ? ? ? ? ? ? ? ? ? ? ? ? height: 10,
? ? ? ? ? ? ? ? ? ? ? ? ? width: 200,
? ? ? ? ? ? ? ? ? ? ? ? ),
? ? ? ? ? ? ? ? ? ? ? ],
? ? ? ? ? ? ? ? ? ? )),
? ? ? ? ? ? ? ))
? ? ? ? ],
? ? ? )),
? ? );
? }
? Widget buildListener() {
? ? return GestureDetector(
? ? ? ? onVerticalDragStart: (v) {
? ? ? ? ? print("开始垂直滑动");
? ? ? ? ? print(v.localPosition);
? ? ? ? ? print(v);
? ? ? ? ? _downY = v.localPosition.dy;
? ? ? ? },
? ? ? ? onVerticalDragEnd: (v) {
? ? ? ? ? print("结束垂直滑动");
? ? ? ? ? if (_downY - _lastMoveY > 0) {
? ? ? ? ? ? print("上滑");
? ? ? ? ? } else {
? ? ? ? ? ? print("下滑");
? ? ? ? ? }
? ? ? ? ? print(v.primaryVelocity);
? ? ? ? ? print(v);
? ? ? ? ? print("onVerticalDragEnd---${v.velocity}---${v.primaryVelocity}");
? ? ? ? ? setState(() {});
? ? ? ? },
? ? ? ? onVerticalDragUpdate: (v) {
? ? ? ? ? _lastMoveY = v.localPosition.dy;
? ? ? ? ? // print("滑动过程中");
? ? ? ? ? // setState(() {
? ? ? ? ? // ? height = _lastMoveY - _downY;
? ? ? ? ? // });
? ? ? ? },
? ? ? ? child: Column(
? ? ? ? ? children: [
? ? ? ? ? ? Container(
? ? ? ? ? ? ? height: height + 200,
? ? ? ? ? ? ? color: Colors.pink,
? ? ? ? ? ? )
? ? ? ? ? ],
? ? ? ? ));
? }
}
