cardview.dart

@override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () {
        onTap(item);
      },
      child: SizedBox(
        height: 500,
        child: Card(
          color: Colors.grey[800],
          clipBehavior: Clip.antiAlias,
          elevation: 4,
          child: Column(
            children: [
              Expanded(
                flex: 3,
                child: SplashImage(photoUrl: item.photoUrl.first),
              ),
              Expanded(
                child: Padding(
                  padding: EdgeInsets.all(6),
                  child: Container(
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.stretch,
                      children: [
                        Title(item: item),
                        SizedBox(
                          height: 8,
                        ),
                        Flexible(
                          child: BusinessInformationAndLikes(item: item),
                        )
                      ],
                    ),
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

class BusinessInformationAndLikes extends StatelessWidget {
  const BusinessInformationAndLikes({
    Key key,
    @required this.item,
  }) : super(key: key);

  final Item item;

  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.start,
      children: [
        Expanded(
          flex: 5,
          child: BusinessAvatarWidget(
            avatarUrl: item.businessAvatarUrl,
            businessName: item.tradingName,
          ),
        ),
        Expanded(
          flex: 2,
          child: FavoritesStateWidget(
            numOfLikes: item.numOfFavs,
          ),
        )
      ],
    );
  }
}

class Title extends StatelessWidget {
  final Item item;

  Title({this.item});

  @override
  Widget build(BuildContext context) {
    return Text(
      item.name,
      style: TextStyle(color: Colors.white),
    );
  }
}

class SplashImage extends StatelessWidget {
  String photoUrl;
  ImageStreamListener listener;

  NetworkImage loadImage(String photoUrl) {
    return NetworkImage(photoUrl);
  }

  SplashImage({
    @required this.photoUrl,
    this.listener,
  });

  @override
  Widget build(BuildContext context) {
    return Ink.image(
      height: 100,
      fit: BoxFit.cover,
      image: NetworkImage(photoUrl),
    );
  }
}

class FavoritesStateWidget extends StatelessWidget {
  int numOfLikes;
  bool isFavorited;

  FavoritesStateWidget({@required this.numOfLikes, this.isFavorited = false});

  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.end,
      children: [
        Text(
          numOfLikes.toString(),
          style: TextStyle(fontSize: 12, color: Colors.white),
        ),
        SizedBox(
          width: 4,
        ),
        Icon(
          Icons.favorite_border_rounded,
          size: 14,
          color: isFavorited ? Colors.red : Colors.grey,
        ),
      ],
    );
  }
}

class BusinessAvatarWidget extends StatelessWidget {
  String avatarUrl;
  String businessName;

  BusinessAvatarWidget({@required this.avatarUrl, @required this.businessName});

  @override
  Widget build(BuildContext context) {
    return Row(
      children: [
        Flexible(
          fit: FlexFit.loose,
          child: CircleAvatar(
            maxRadius: 15,
            backgroundImage: NetworkImage('https://i.pravatar.cc/300'),
          ),
        ),
        SizedBox(
          width: 4,
        ),
        Expanded(
          flex: 5,
          child: Text(
            businessName,
            overflow: TextOverflow.ellipsis,
            style: TextStyle(fontSize: 12, color: Colors.white),
          ),
        )
      ],
    );
  }
}