【发布时间】：2021-06-20 02:00:58
【问题描述】：
我有这段代码，我正在尝试使这个 gridview 可滚动，无论我做什么，它都不会滚动。我不断收到此渲染溢出错误。我试图将它包裹在 SingleChildScroll 视图和物理： ScrollPhysics() 的属性中，但没有任何效果。我只需要让这个 gridView 可滚动，而不是它下面的文本。我已经尝试了几种方法，但目前没有任何方法适用。可能是我可能在这里做的一个愚蠢的错误，但无法弄清楚。 编辑：当我在脚手架的那个body标签之后设置singleChildScrollView时它工作正常，但当我将它应用到GridView时它不起作用。
class _CartGridViewState extends State<CartGridView> {
@override
Widget build(BuildContext context) {
final User user = FirebaseAuth.instance.currentUser;
double sum = 0;
print(user);
return StreamBuilder(
stream: FirebaseFirestore.instance
.collection('Users')
.doc(user.uid)
.collection('Cart')
.snapshots(),
builder: (BuildContext context, snapshot) {
if (!snapshot.hasData) {
return Center(
child: CircularProgressIndicator(),
);
}
var document = snapshot.data.docs;
return Padding(
padding: const EdgeInsets.all(10.0),
child: SingleChildScrollView(
physics: ScrollPhysics(),
child: GridView.builder(
physics: ScrollPhysics(),
scrollDirection: Axis.vertical,
primary: false,
shrinkWrap: true,
itemCount: document.length,
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
childAspectRatio: MediaQuery.of(context).size.height / 800,
),
itemBuilder: (context, index) {
if (document[index].data()["name"] == null) {
return Text('There are $index items in cart');
} else {
return Card(
child: GestureDetector(
onTap: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => CartView(
document[index].data()["name"],
document[index]
.data()["price"]
.toDouble(),
document[index].data()["image"],
index,
)),
);
},
child: Stack(children: [
ListView(physics: ScrollPhysics(), children: [
Hero(
tag: 'tagImage$index',
child: Image.network(
"${document[index].data()["image"]}",
height: 150,
),
),
Center(
child: Text(
"Price ${document[index].data()["price"]}")),
]),
DeleteCartItems(index),
]),
),
);
}
}),
),
);
},
);
}
}
【问题讨论】：
-
@Uni 这与我想要的完全相反。你的意思是物理：NeverScrollableScrollPhysics()，对吧？
-
是的，我的意思是
NeverScrollableScrollPhysics()。您不能同时拥有多个滚动物理。你只能保留一个。在这种情况下，保留SingleChildScrollView的physics: ScrollPhysics()并将GridView 和ListView 的物理更改为NeverScrollableScrollPhysics()。 -
@Uni 做到了，但还是不行。
-
在这种情况下，你必须使用 SliverList 和 SliverGrid
标签： firebase flutter dart e-commerce flutter2.0