导入'包:flutter_staggered_grid_view / flutter_staggered_grid_view.dart'; //导入库
flutter_staggered_grid_view: ^0.5.0 // 包
Flexible(
child: Container(
padding: EdgeInsets.only(top: 16.0, right: 16.0, left: 16.0),
child: StaggeredGridView.countBuilder(
physics: NeverScrollableScrollPhysics(),
padding: EdgeInsets.zero,
crossAxisCount: 4,
itemCount: products.length,
itemBuilder: (BuildContext context, int index) => new ClipRRect(
borderRadius: BorderRadius.all(Radius.circular(5.0)),
child: InkWell(
onTap: () => Navigator.of(context).push(MaterialPageRoute(
builder: (_) => ProductPage(product: products[index]))),
child: Container(
decoration: BoxDecoration(
gradient: RadialGradient(
colors: [
Colors.grey.withOpacity(0.3),
Colors.grey.withOpacity(0.7),
],
center: Alignment(0, 0),
radius: 0.6,
focal: Alignment(0, 0),
focalRadius: 0.1),
),
child: Hero(
tag: products[index].image,
child: Image.asset(products[index].image))),
),
),
staggeredTileBuilder: …Run Code Online (Sandbox Code Playgroud)