基本上,我已经尝试了几天来允许用户在ListView顶部滑动时关闭模态底部表单。然而,当他们在列表视图上滑动时,小部件会注册,好像我只是在尝试向上滚动ListView一样。是否有ListView的物理类型可以在顶部关闭模态底部表单,或者设置忽略指针的不同方式?这就是我想到的解决方案,我希望我已经足够清楚地说明了这个问题。
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
class ModalSheet extends StatefulWidget {
@override
_ModalSheetState createState() => _ModalSheetState();
}
ScrollController _scrollController = ScrollController();
bool close = false;
class _ModalSheetState extends State<ModalSheet> {
@override
void initState() {
super.initState();
_scrollController.addListener(() {
if (_scrollController.position.pixels < 1) {
if (_scrollController.position.userScrollDirection ==
ScrollDirection.forward) {
setState(() {
close = true;
});
} else {
setState(() {
close = false;
});
}
} else {
setState(() {
close = false;
});
}
print(_scrollController.position.pixels);
print(_scrollController.position.userScrollDirection);
print(close);
// print(close);
});
}
@override
Widget build(BuildContext context) {
return Container(
child: Column(
children: [
Flexible(
child: IgnorePointer(
ignoring: close,
child: ListView.builder(
controller: _scrollController,
physics: BouncingScrollPhysics(),
itemBuilder: (context, index) {
return ListTile(
title: Text('tile: ${index + 1}'),
);
},
),
),
),
],
),
);
}
}
编辑:感谢 @LearningJS888 提供下面使用这个包的建议!非常感谢