我正在尝试拥有一个ListView与一个单一的卷轴。我希望能够向下滚动,并看到每一个小部件。目前,我在一个GridView之前有多个小部件。这样做的问题是,GridView有自己的滚动条。我想要的一个很好的例子是类似于Instagram个人资料页面。当你在Instagram个人资料页面中向下滚动时,每个元素都会向下滚动。没有嵌套的卷轴。
这是我当前的代码:
body: ListView(
children: <Widget>[
...
...
Container(
child: GridView.count(
crossAxisCount: 3,
shrinkWrap: true,
children: List.generate(100, (index) {
return Container(
alignment: Alignment.center,
margin: EdgeInsets.all(3.0),
height: MediaQuery.of(context).size.height,
child: FadeInImage.memoryNetwork(
placeholder: kTransparentImage,
image:'https://picsum.photos/${300}/${300}/',
),
);
}),
),
)
]
)
发布于 2019-06-27 09:31:51
有嵌套的滚动窗口小部件,CustomScrollView
,它需要薄片来实现你想要的东西。您需要使用SliverGrid和SliverList来实现您的目标:
Widget sliverScroll() {
return CustomScrollView(
slivers: <Widget>[
SliverGrid(
delegate: SliverChildBuilderDelegate((context, index) {
return Container();
}, childCount: 9),
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 3),
),
SliverList(
delegate: SliverChildBuilderDelegate((context, index) {
return Container();
}, childCount: 6),
),
],
);
}
您可以根据自己的喜好进行自定义,更改订单或它、项目数量等
https://stackoverflow.com/questions/56782188
复制相似问题