Flutter 怎么给Listview设置背景图片

Posted 2023-04-17

这个小例子使用的是豆瓣 API 中 正在上映的电影 的开放接口，要实现的主要效果如下:

JSON 数据结构

参考技术A 在Listview控件上面封装一个Container控件，然后在Container控件设置decoration
属性，这样就能给Listview设置背景图片啦。 参考技术B

王红元《Flutter从入门到实战》（高清视频）百度网盘   

 链接: https://pan.baidu.com/s/1DhInF6MZ0UJ1VEpRcx0uaQ

提取码: j6z6 复制这段内容后打开百度网盘手机App，操作更方便哦     

若资源有问题欢迎追问~    

Flutter 设置Container高度自适应GridView 或Listview

参考技术A 在做移动端的时候, 很多时候会需要下图所示的需求,如图 自己所示：

先进行需求分析, 这个模块可以设计成Container包含GridView,  GridView中子内容个数由后台数据控制, 但是在直接写Container包含GridView控件时会出现 "Failed assertion: line 1920 pos 12: 'hasSize'" 有关的错误, 如果直接给Container一个高度的话, 又不满足我们的需求.

我们想要的结果是由数据控制GridView的个数, 而Container大小跟随GridView个数的变化而变化, 而不去直接设置Container的大小, 

因此,我们点开GridView的api发现, 有一个shrinkWrap属性,  设置shrinkWrap:true即可, 运行一下即可达到效果, 但是又会发现另一个问题, 虽然Container大小可以自适应了, 但是里面的内容又会在局部进行滚动, 而我们的想法是想让内容在整个屏幕中滚动, 并没有局部滚动的效果, 因此, 我们设置另一个属性physics: NeverScrollableScrollPhysics()

在GridView.builder中添加

Container跟随GridView内容变化高度： shrinkWrap:true,    

取消滚动效果： physics:NeverScrollableScrollPhysics(),