Intro

Copy paste code is fast way. Just copy sample code then do some edit with your style. Done.

Try Now

Getting Started

Copy this code to create item list with some details.

import 'package:extended_image/extended_image.dart';
import 'package:flutter/material.dart';
import 'package:gap/gap.dart';

Card(
  margin: const EdgeInsets.all(0),
  child: Padding(
    padding: const EdgeInsets.all(10),
    child: Row(
      children: [
        ClipRRect(
          borderRadius: BorderRadius.circular(8),
          child: ExtendedImage.network(
            'https://images.pexels.com/photos/5155804/pexels-photo-5155804.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1',
            width: 80,
            height: 80,
            fit: BoxFit.cover,
          ),
        ),
        const Gap(16),
        Expanded(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              const Text(
                'Labuan Bajo',
                style: TextStyle(
                  fontWeight: FontWeight.bold,
                  fontSize: 14,
                  color: Colors.black87,
                ),
              ),
              const Gap(8),
              Text(
                'Labuan Bajo is a fishing town located at the western end of the large island of Flores in the East Nusa Tenggara province of Indonesia. It is in Komodo district.',
                maxLines: 2,
                style: TextStyle(
                  fontWeight: FontWeight.w400,
                  fontSize: 14,
                  color: Colors.grey.shade600,
                ),
              ),
            ],
          ),
        ),
      ],
    ),
  ),
),

Then paste to your Flutter project. You can put on your layout directly or you can re-create your custom widget class / function.