listview - Flutter:到达嵌套Listview的底部时，继续在顶部Listview中滚动

我希望创建以下内容:当到达内部Listview的顶部或底部时，我想继续在顶部Listview中滚动。参见GIF:

Gif of what I got so far

一种选择是将到达底部的内部Listview的物理场设置为NeverScrollablePhysics(使用 Controller 的侦听器)，但是如果您想再次向上滚动，则此操作将无效。

请参阅下面的代码，在此先感谢!

class TestAppHomePage extends StatefulWidget {
@override
TestAppHomePageState createState() => new TestAppHomePageState();
}

class TestAppHomePageState extends State<TestAppHomePage> {


 ScrollController _scrollController = ScrollController();

  @override
  void initState() {
    print('set up');
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      body: Container(
        color: Colors.green,
        child: ListView(
          primary: false,
          // controller: _scrollController,
          children: <Widget>[topWidget(), topWidget(), topWidget(), topWidget()],
        ),
      ),
    );
  }

  Widget topWidget() {
    return Card(
        color: Colors.purple,
        margin: EdgeInsets.all(16),
        child: Container(
          height: 400,
          child: Column(
            children: <Widget>[
              Container(height: 100, color: Colors.white),
              Expanded(
                  child: ListView(
                      controller: _scrollController,
                      children: List.generate(
                        40,
                        (index) {
                          return someText(index);
                        },
                      ).toList()))
            ],
          ),
        ));
  }

  Widget someText(int i) {
    return Text('text no $i');
  }
}

最佳答案

我和OP在同一个项目上工作，但是由于没有人回应，我想我会分享自己的摆弄，思想过程以及我到目前为止的经验。我将更新此答案

首先，我试图避免创建带有大量样板代码的解决方案，但是我恐怕这样做可能做得太过分了。我可以肯定我的解决方案是不正确的，因为编译器会向我发出警告。

事不宜迟，我的想法是:
1.我需要一种方法来捕获内部列表中用户的输入。因此，创建自定义ScrollPhysics很有意义。
2.重要的是内部表在所有情况下都能正常工作。因此，它总是调用super来处理它。
3.我需要传递一个接受我捕获的输入的函数，并假装该输入已准确地传递到外部列表中。

The Gif with the result

// imports and stuff..

class CustomScroll extends BouncingScrollPhysics {
  final Function outerController;
  CustomScroll({this.outerController, ScrollPhysics parent}): super(parent: parent);
  @override
  CustomScroll applyTo(ScrollPhysics ancestor) {
    return CustomScroll(
        outerController: outerController,  parent: buildParent(ancestor));
  }
  @override
  Simulation createBallisticSimulation(ScrollMetrics position, double velocity) {
    if (position.pixels >= position.maxScrollExtent && velocity >= 0.0) {
      outerController(velocity);
    }
    return super.createBallisticSimulation(position, velocity);
  }
}

class ListInAList extends StatefulWidget {
  createState() => ListInAListState();
}
class ListInAListState extends State<ListInAList> with TickerProviderStateMixin {
  List<ScrollController> innerControllers = List();
  ScrollController outerController = ScrollController();
  final outerPhysics = BouncingScrollPhysics();
  void innerListener(double velocity, ScrollController outerController)
  {

    final sim = outerPhysics.createBallisticSimulation(outerController.position, velocity);
    ScrollActivity _test = BallisticScrollActivity(outerController.position.activity.delegate,sim,this);
    if (_test != null)
    outerController.position.beginActivity(_test);

  }

  Widget build(BuildContext context) {
    return ListView.builder(
        itemBuilder: buildItem, controller: outerController, itemCount: 4, physics: outerPhysics);
  }

  Widget buildItem(BuildContext context, int index) {
    final innerController = ScrollController();
    innerControllers.add(innerController);

    return Column(children: [
      Container(height: 100, color: Colors.blue),
      ListView.builder(
        physics: CustomScroll(outerController: (velocity) => innerListener(velocity, outerController)),
        itemBuilder: buildLoremImpsum,
        controller: innerController,
        itemCount: 20),
    ]);
  }
  Widget buildLoremImpsum(context, index) {
    return Container(
        height: 30,
        color: (index % 2 == 0)
            ? Color.fromRGBO(255, 0, 0, 1)
            : Color.fromRGBO(255, 255, 0, 1));
  }
}

因此，基本上，只有createBallisticSimulation和函数innerListener是代码中真正有趣的部分，其他所有内容仅是示例的一部分。