flutter - SlidingUpPanel 中的 ListView 滚动

Question

在 slidingUpPanel 中，我有一个 ListView 小部件。当我尝试滚动时，ListView slidingUpPanel 关闭。如何在不关闭 slidingUpPanel 的情况下滚动 ListView？

SlidingUpPanel(
  controller: _panelController,
  maxHeight: _panelHeightOpen,
  minHeight: _panelHeightClosed,
  borderRadius: BorderRadius.only(
    topLeft: Radius.circular(50),
    topRight: Radius.circular(50),
  ),
  boxShadow: [
    BoxShadow(
      color: secondaryColor,
      spreadRadius: 1,
      blurRadius: 5,
      offset: Offset(0, -10), // changes position of shadow
    ),
  ],
  panelBuilder: (sc) => _summaryWidget(sc),
),

我的_summaryWidget

ListView(
  shrinkWrap: true,
  physics: const NeverScrollableScrollPhysics(),
  children: [
    Photos(),
  ],
)

Answer 1

您还需要将 sc 放入 ListView Controller 中:

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text("SlidingUpPanelExample"),
    ),
    body: SlidingUpPanel(
      panelBuilder: (ScrollController sc) => _scrollingList(sc),
      body: Center(
        child: Text("This is the Widget behind the sliding panel"),
      ),
    ),
  );
}

Widget _scrollingList(ScrollController sc){
  return ListView.builder(
    controller: sc,
    itemCount: 50,
    itemBuilder: (BuildContext context, int i){
      return Container(
        padding: const EdgeInsets.all(12.0),
        child: Text("$i"),
      );
    },
  );
}