这是我获取商品的代码class GetProduct static FutureList getProductspage limit async var dio = Dio; var response = await dioget httpaddproductweb-framework-6b7s1635718952176230cn-beijingfcdevsappn
你可以在主页中使用ListView.builder来生成ProductCard列表。具体来说，你可以在ListView.builder的itemBuilder参数中调用GetProduct.getProducts方法获取商品列表，然后将其传递给ProductCard组件。下面是一个示例代码：
class HomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('商品列表'),
),
body: FutureBuilder(
future: GetProduct.getProducts(1, 10),
builder: (BuildContext context, AsyncSnapshot snapshot) {
if (snapshot.hasData) {
return ListView.builder(
itemCount: snapshot.data.length,
itemBuilder: (BuildContext context, int index) {
return ProductCard(product: snapshot.data[index]);
},
);
} else {
return Center(child: CircularProgressIndicator());
}
},
),
);
}
}
在这个示例代码中，我们首先使用FutureBuilder来获取商品列表。如果获取成功，我们就使用ListView.builder来生成ProductCard列表。在itemBuilder中，我们将每个商品传递给ProductCard组件。注意，这里我们需要将获取到的商品列表作为参数传递给ProductCard组件，而不是直接返回它们
原文地址: https://www.cveoy.top/t/topic/dyhm 著作权归作者所有。请勿转载和采集!