Search categories, packages and repositories

ducafecatFlutter ecosystem guide
carousel_grid cover
Package detailsv1.0.5

carousel_grid

Carousel Grid é um package para exibir thumbnail de imagens em grid com cache e zoom.

iOSWeb
pub.dev API documentation Source code
30-day downloads
188
Likes
27
Pub points
130

Install package

flutter pub add carousel_grid

Package Overview

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

Carousel Grid is a Flutter package designed to display image thumbnails in a grid layout with built-in caching and zoom functionality. It enhances user experience by enabling smooth navigation through images, ideal for galleries or product showcases. The package supports iOS and Web platforms, ensuring broad compatibility. With efficient memory management via caching, it maintains performance even with large image sets. Its intuitive interface makes it suitable for apps requiring interactive image browsing.

Use cases

  • Image galleries
  • Product showcase interfaces
  • Photo browsing apps
  • Interactive media displays
  • E-commerce thumbnail grids

Key features

  • Image thumbnail grid layout
  • Built-in image caching
  • Zoom interaction support
  • Cross-platform (iOS, Web)
  • Efficient memory management

Suitable for

  • Developers building image-heavy apps
  • Apps needing interactive image navigation
  • Projects requiring responsive grid layouts
  • Mobile and web applications with media content

Considerations

  • Limited to image thumbnails
  • No video support
  • Requires careful handling of large image sets
  • Not optimized for very high-resolution images without additional configuration

Original README

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

Carousel Grid

Carousel Grid is a Flutter package to display thumbnail grid images with cache and zoom.

Build

Features

  • Images from Url
  • Cached Images
  • Infinite Carousel
  • Photos sorted
  • zoomable image

Installation

Add carousel_grid as a dependency in your pubspec.yaml file .

Import Photo View:

import 'package:carousel_grid/carousel_grid.dart';
Usage
URLs Images
List<String> imagesUrls = [
    "https://scaffoldtecnologia.com.br/wp-content/uploads/2021/10/home4.jpg",
    "https://scaffoldtecnologia.com.br/wp-content/uploads/2021/10/app-2.png",
    "https://scaffoldtecnologia.com.br/wp-content/uploads/2021/10/app.jpg",
    "https://scaffoldtecnologia.com.br/wp-content/uploads/2021/10/home-1.jpg",
    "https://scaffoldtecnologia.com.br/wp-content/uploads/2021/10/page-1.png",
  ];
Carousel Grid
CarouselGrid(
    height: 285,
    width: 400,
    listUrlImages: imagesUrls,
    iconBack: const Icon(
      Icons.arrow_back,
      color: Colors.white,
    ),
  ),

License

Copyright (c) 2021 Gabriel Patrick Souza

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Categories

Carousel or Cover Flow

Dependencies

Dependency list 4 items

Source repository

Projects using this package

No data available yet.