Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
coverflow cover
Package detailsv2.0.3

coverflow

A Flutter package project that is a simple horizontal coverflow widget.

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
170
Likes
15
Pub points
130

Install package

flutter pub add coverflow

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A Flutter package that provides a simple horizontal coverflow widget, enabling users to navigate through a series of items with a 3D-like parallax effect. Ideal for showcasing images, cards, or content in a visually engaging way. The widget supports smooth scrolling and responsive design across multiple platforms. It is lightweight and easy to integrate into existing Flutter projects. Perfect for media galleries, product displays, or interactive sliders.

Use cases

  • Media galleries
  • Product showcases
  • Interactive sliders
  • Image carousels
  • User onboarding screens

Key features

  • Horizontal coverflow layout
  • 3D parallax effect
  • Cross-platform support
  • Simple integration
  • Responsive design

Suitable for

  • Developers building visual content displays
  • Designers seeking interactive UI elements
  • Projects requiring intuitive navigation
  • Apps with image-heavy interfaces
  • Web and mobile applications

Considerations

  • May impact performance with large datasets
  • Limited customization options
  • Best suited for moderate item counts
  • Requires careful handling on low-end devices
  • Not ideal for vertical layouts

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Coverflow

A simple horizontal coverflow widget.

Preview

Screen Recording 2021-11-25 at 1 51 14 PM Screen Recording 2021-11-25 at 1 28 56 PM

Installation

Add coverflow: ^2.0.2 to your pubspec.yaml dependecies. And import it:

import 'package:coverflow/coverflow.dart';

How to use

Simply add a Coverflow widget with required params.

final List<String> titles = [
    "Title1",
    "Title2",
    "Title3",
    "Title4",
    "Title5",
    "Title6",
    "Title7",
    "Title8",
  ];

  final List<Widget> images = [
    Container(
      color: Colors.red,
    ),
    Container(
      color: Colors.yellow,
    ),
    Container(
      color: Colors.black,
    ),
    Container(
      color: Colors.cyan,
    ),
    Container(
      color: Colors.blue,
    ),
    Container(
      color: Colors.grey,
    ),
    Container(
      color: Colors.green,
    ),
    Container(
      color: Colors.amber,
    ),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: SizedBox(
          height: 200,
          child: CoverFlow(
            images: images,
            titles: titles,
            textStyle: TextStyle(color: Colors.red),
          ),
        ),
      ),
    );
  }

Params

CoverFlow(
    images: images,
    titles: titles,
    displayOnlyCenterTitle: true,
    textStyle: TextStyle(color: Colors.red),
)

Categories

Carousel or Cover Flow

Dependencies

Dependency list 1 items

Source repository

Projects using this package

No data available yet.