import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart'; //import libray
flutter_staggered_grid_view: ^0.5.0 // package
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: (int index) =>
StaggeredTile.count(2, index.isEven ? 3 : 2),
mainAxisSpacing: 4.0,
crossAxisSpacing: 4.0,
),
),
),
Error:
lib/screens/main/components/recommended_list.dart:51:20: Error: The getter 'StaggeredGridView' isn't defined for the class 'RecommendedList'.
Use Version:
dependencies:
flutter_staggered_grid_view: ^0.4.0