请如何在颤动的一页中创建两个列表视图

Question

请我需要创建两个 listeview 包含容器

我的意思是喜欢那些照片：

Answer 1

你可能想了解如何使用这个包https://pub.dev/packages/flutter_staggered_grid_view

我只能分享一段sn-p的代码，因为我是在一个中等规模的应用程序中实现的，不能分享整个代码；但它应该看起来像这样：

StaggeredGridView.countBuilder(
crossAxisCount: 1,
padding: const EdgeInsets.all(8),
itemCount: pharmacyBranchSearchedProvider.pharmacyBranches.length,
itemBuilder: (context, index) {
    PharmacyBranch pharmacyBranch =
        pharmacyBranchSearchedProvider.pharmacyBranches[index];

    return PharmacyBranchCard(
    pharmacyBranch: pharmacyBranch,
    onPressed: () {
        Provider.of<ProductFilterProvider>(context)
            .resetProductTypesWithJsonMap(
                pharmacyBranch.productTypes);
        PageRouter.push(
            context,
            PharmacyBranchProductSearchPage(
            pharmacyBranch: pharmacyBranch,
            ));
    },
    );
},
staggeredTileBuilder: (int index) => StaggeredTile.fit(1),
)

您可以构建与您引用的类似的东西，每行列出多个产品；在上面的代码中，crossAxisCount 定义了每行将显示多少个小部件。