Gallery with thumbnails

Related tags

Templates gallery thumbnails flutter
Overview

flutter_scroll_gallery

A Flutter package that helps you to create a zoomable carousel with scrollable thumbnail at the bottom

Inspired from flutter_image_carousel and ScrollGalleryView

Installing

dependencies:
  flutter:
    sdk: flutter
  flutter_scroll_gallery: ^0.1.0
import 'package:flutter_scroll_gallery/flutter_scroll_gallery.dart';

Usage

new ScrollGallery(
  <ImageProvider>[
    new NetworkImage("https://flutter.io/images/homepage/header-illustration.png"),
    new NetworkImage("https://i.ytimg.com/vi/fq4N0hgOWzU/maxresdefault.jpg"),
    new NetworkImage("https://cdn-images-1.medium.com/max/1219/1*TFZQzyVAHLVXI_wNreokGA.png"),
    new NetworkImage("https://cdn-images-1.medium.com/max/744/1*L2IaQThqx4lzz3G1m-e07Q.png"),
    // new NetworkImage("https://flutter.io/images/homepage/header-illustration.png"),
    // new NetworkImage("https://i.ytimg.com/vi/fq4N0hgOWzU/maxresdefault.jpg"),
    // new NetworkImage("https://cdn-images-1.medium.com/max/1219/1*TFZQzyVAHLVXI_wNreokGA.png"),
    // new NetworkImage("https://cdn-images-1.medium.com/max/744/1*L2IaQThqx4lzz3G1m-e07Q.png"),
    // new NetworkImage("https://flutter.io/images/homepage/header-illustration.png"),
    // new NetworkImage("https://i.ytimg.com/vi/fq4N0hgOWzU/maxresdefault.jpg"),
    // new NetworkImage("https://cdn-images-1.medium.com/max/1219/1*TFZQzyVAHLVXI_wNreokGA.png"),
    // new NetworkImage("https://cdn-images-1.medium.com/max/744/1*L2IaQThqx4lzz3G1m-e07Q.png")
  ],
  interval: new Duration(seconds: 3),)
);

To disable auto-play, do not set the interval

Showcase

Showcase

Comments
  • Navigate by Index

    Navigate by Index

    any way to select image by its index id ? or know which image index is displayed some thing like this

    updateCallback: (index) {
        setState(() {
          _selectedImgIndex = index;
        });
      },
    opened by essare 2
  • Version 0.1.0 is not on pub yet

    Version 0.1.0 is not on pub yet

    This version has at least one very important feature: it allows to change the background color, solving #3, however the latest version available on pub is 0.0.2

    opened by RicCu 2
  • Black Background for flutter scroll gallery widget

    Black Background for flutter scroll gallery widget

    any way to change the black background at least replace it with white color ? thank for this awesome widget :+1:

    device-2019-01-09-130902

    my code snippet @override Widget build(BuildContext context) { return Scaffold( body: Container( color: Colors.white, child: ScrollGallery( getImages(widget.product), interval: new Duration(seconds: 3), borderColor: Colors.pink, fit: BoxFit.fill, height: 400, ), )); } }

    opened by essare 1
  • should add currentIndex to the constructor

    should add currentIndex to the constructor

    The case is that : we show a list of images on the screen, when the user tabs one, we show the flutter_scroll_gallery. But we need to display the image which the user just tabbed as the big one. So we need to input the index of the image to the constructor.

    opened by infodog 1
  • Migrate to Nullsafety

    Migrate to Nullsafety

    If you want to use the null safe version of this package before this is merged and published to pub.dev add the following to your pubspec.yaml

      flutter_scroll_gallery:
    git:
      url: git://github.com/guenth39/flutter_scroll_gallery

    closes #10

    opened by guenth39 0
  • I get this exception when adding the dependency

    I get this exception when adding the dependency

    After adding the dependency I started getting this exception..when remove dependency the exception goes off .

      Running Gradle task 'assembleDebug'...
  ../../.pub-cache/hosted/pub.dartlang.org/photo_view-0.1.3/lib/photo_view.dart:237:24: Error: The argument type 'Null 
  Function(ImageInfo, bool)' can't be assigned to the parameter type 'ImageStreamListener'.
  - 'ImageInfo' is from 'package:flutter/src/painting/image_stream.dart' 
 ('../../Android/Sdk/flutter/packages/flutter/lib/src/painting/image_stream.dart').
 - 'ImageStreamListener' is from 'package:flutter/src/painting/image_stream.dart' 
 ('../../Android/Sdk/flutter/packages/flutter/lib/src/painting/image_stream.dart').
    stream.addListener(listener);
                   ^
 ../../.pub-cache/hosted/pub.dartlang.org/photo_view-0.1.3/lib/photo_view.dart:239:29: Error: The argument type 'Null 
 Function(ImageInfo, bool)' can't be assigned to the parameter type 'ImageStreamListener'.
- 'ImageInfo' is from 'package:flutter/src/painting/image_stream.dart' 
('../../Android/Sdk/flutter/packages/flutter/lib/src/painting/image_stream.dart').
 - 'ImageStreamListener' is from 'package:flutter/src/painting/image_stream.dart' 
('../../Android/Sdk/flutter/packages/flutter/lib/src/painting/image_stream.dart').
  stream.removeListener(listener);

    I'm running flutter : Flutter (Channel stable, 1.22.4, on Linux, locale en_US.UTF-8) • Flutter version 1.22.4 at /home/momy/flutter • Framework revision 1aafb3a8b9 (3 weeks ago), 2020-11-13 09:59:28 -0800 • Engine revision 2c956a31c0 • Dart version 2.10.4 ^

    opened by beautybird 0
Owner
Tiny Express
We <3 Open Source
Tiny Express
GitHub https://pub.dartlang.org/packages/flutter_scroll_gallery
Flutter plugin that saves images and videos to devices gallery

Gallery Saver for Flutter Saves images and videos from network or temporary file to external storage. Both images and videos will be visible in Androi

Carnegie Technologies 131 Nov 25, 2022
A convenient code generator for app styleguide, gallery, wireframes and/or storyboard.

Framy A convenient code generator for app styleguide, gallery, wireframes and/or storyboard. ?? Official documentation ?? Packages In order to use Fra

Fidev 145 Dec 19, 2022
Museum Gallery Mobile App Built With Flutter

Mobile Museum картинная галерея на вашем устройстве Просматривайте ваши любимые картины на лету. Еженедельная подборка картин, собранная вручную Подро

null 3 Nov 17, 2022
Gallery with thousands of photos, no time to organize, no way to search and not enough space

Artificial Intelligence-Powered Gallery Overview Gallery with thousands of photos, no time to organize, no way to search and not enough space; these a

Abd al-Rahman al-Ktefane 4 Jul 25, 2022
its just take image from gallery or camera and save to file (in flutter)

flutter_img_pdf A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

vivek kumar 0 Dec 28, 2021
A Flutter plugin that lists native gallery items.

Media Gallery plugin for Flutter A Flutter plugin that lists native gallery items. Installation First, add media_gallery as a dependency in your pubsp

Aloïs Deniel 84 Dec 7, 2022
AhvazGallery - AhvazDM Gallery Flutter App

AhvazDM Gallery A new Flutter application. Getting Started For help getting started with Flutter, view our online documentation. Flutter App For Ahvaz

Sana Ebadi 17 Jul 22, 2022
Galary app - Simple Flutter Gallery Application

simple_gallery Simple Flutter Gallery Application.

Mahfozur Rahman Asif 0 Jan 3, 2022
Aves is a gallery and metadata explorer app, built for Android with Flutter.

Aves Aves is a gallery and metadata explorer app. It is built for Android, with Flutter. Features Aves can handle all sorts of images and videos, incl

Thibault Deckers 729 Jan 3, 2023
Album Image is based in photo_manager package and has the same concept as image_picker but with a more attractive interface to choose an image or video from the device gallery, whether it is Android or iOS

Album Image is based in photo_manager package and has the same concept as image_picker but with a more attractive interface to choose an image or vide

Phuong Vu 2 Oct 13, 2022
A photo gallery mobile application with Flutter.

Photo Gallery Photo Gallery mobile application. Description Photo Gallery is a cross platform mobile application made with Flutter. This application u

null 4 Dec 23, 2022
Compress videos, remove audio, manipulate thumbnails, and make your video compatible with all platforms through this lightweight and efficient library.

video_compress Compress videos, remove audio, manipulate thumbnails, and make your video compatible with all platforms through this lightweight and ef

Jonny Borges 172 Dec 31, 2022
A mobile image uploader in which you can upload image to your personal gallery from either your camera or mobile gallery and it can detect your current geographic location and address using firebase firestore and storage.

Image Uploader In Flutter About It is an Image Uploader gallery which tracks your address from which you're uploading using Flutter and Image picker.

Prahen parija 6 Dec 20, 2022
Flutter Gallery is a resource to help developers evaluate and use Flutter

Flutter Gallery Flutter Gallery is a resource to help developers evaluate and use Flutter. It is a collection of Material Design & Cupertino widgets,

Flutter 4.8k Dec 31, 2022
Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple. Demo: https://gallery.codelessly.com/flutterwebsites/minimal/

Responsive Framework Responsiveness made simple Responsive Framework adapts your UI to different screen sizes automatically. Create your UI once and h

Codelessly 931 Dec 25, 2022
An app to pick, upload and display images from camera and gallery with size and extension constraints.

image_uploader A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started i

Ehmad Saeed⚡ 4 Mar 7, 2022
A scrollable, dismissable by swiping, zoomable, rotatable image gallery on which you can add a dynamic overlay.

Swipe Image Gallery A scrollable, dismissable by swiping, zoomable, rotatable image gallery on which you can add a dynamic overlay. While it is intend

null 20 Dec 7, 2022
Flutter Image Upload From Gallery

Image Upload From Gallery Image upload from gallery to Backend Dependencies image_picker: ^0.8.4+1 http: ^0.13.3 dio: ^4.0.0 Getting Started Image upl

Fatih Baycu 2 Oct 6, 2021
Image Picker Load image from camera and gallery

image_choose A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if

MD TAMIM ISLAM KHAN 2 Sep 12, 2022
Flutter Package to Pick Image From Gallery or Camera

image_picker_gallery_camera Flutter Package to Pick Image From Gallery or Camera Getting Started A Flutter plugin for iOS and Android for picking imag

Sayandh KP 8 Oct 5, 2022