在我的代码中,我使用手势检测器在用户拖动时拉出菜单。但是当我向上拉菜单时,GestureDetector 的碰撞盒不会改变,所以当我想把它放回去时,它只记录在初始碰撞盒上的拖动,而不是新的碰撞盒(我将小部件转换为的位置)
我希望你能理解这一点^^
这是代码:
Stack(children: [
Column(
children: <Widget>[
Expanded(
child: TabBarView(children: <Widget>[
CostumCard(
imgUrl: url,
),
CostumCard(
imgUrl: url,
),
]))
],
),
IgnorePointer(
child: Opacity(
opacity: opacity,
child: Container(color: Colors.black),
),
),
Transform(
transformHitTests: true,
transform: Matrix4.translationValues(
0.0, MediaQuery.of(context).size.height - 80 - 70, 0.0),
child: Transform(
transformHitTests: true,
transform: Matrix4.translationValues(0.0, yTransform, 0.0),
child: GestureDetector(
onVerticalDragStart: (DragStartDetails details) {
dragStartY = details.globalPosition.dy;
dragUpdateY = dragStartY;
},
onVerticalDragUpdate: (DragUpdateDetails details) {
dragDifference =
dragUpdateY - details.globalPosition.dy;
yTransform -= dragDifference;
yTransform = yTransform.clamp(-400.0, 0.0);
setState(() {
if (yTransform <= -400)
yTransform = -400.0;
else if (yTransform >= 0)
yTransform = 0.0;
else
yTransform = yTransform;
opacity = yTransform / -400 * 0.8;
rotation = yTransform / -400 * PI;
});
dragUpdateY = details.globalPosition.dy;
},
onVerticalDragEnd: (DragEndDetails details) {
if (dragStartY - dragUpdateY >= 100) {
setState(() {
yTransform = -400.0;
opacity = yTransform / -400 * 0.8;
rotation = yTransform / -400 * PI;
});
} else if (dragStartY - dragUpdateY <= 100 &&
dragStartY - dragUpdateY >= 0) {
setState(() {
yTransform = 0.0;
opacity = yTransform / -400 * 0.8;
rotation = yTransform / -400 * PI;
});
} else if (dragStartY - dragUpdateY <= -50) {
setState(() {
yTransform = 0.0;
opacity = yTransform / -400 * 0.8;
rotation = yTransform / -400 * PI;
});
}
},
child: Container(
width: double.infinity,
height: 500.0,
child: Material(
elevation: 20.0,
color: Colors.grey[900],
child: Column(
children: <Widget>[
//menu is here
],
),
),
),
),
),
)
]),
还发生的情况是,当我向上拉菜单时,我无法单击新菜单命中框中的任何项目,我似乎只是单击菜单到其下面的卡片。