flutter - Flutter：使ListView在底部反弹并在顶部位置夹住

Question

我想将两种类型ScrollPhysics应用于我的ListView. 当用户到达列表的底部时，我想BouncingScrollPhysics()发生，但是当用户到达顶部时，它不应该反弹而是执行ClampingScrollPhysics()。如何做到这一点？

标签： flutterflutter-layout

Answer 1

截屏：

---

// create 2 instance variables
var _controller = ScrollController();
ScrollPhysics _physics = ClampingScrollPhysics();

@override
void initState() {
  super.initState();
  _controller.addListener(() {
    if (_controller.position.pixels <= 56)
      setState(() => _physics = ClampingScrollPhysics());
    else
      setState(() => _physics = BouncingScrollPhysics());
  });
}

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: ListView.builder(
      controller: _controller,
      physics: _physics,
      itemCount: 20,
      itemBuilder: (_, i) => ListTile(title: Text("Item $i")),
    ),
  );
}