GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → tiny-express → flutter_scroll_gallery

tiny-express / flutter_scroll_gallery

Licence: MIT license
Gallery with thumbnails

Programming Languages

dart
5743 projects
objective c
16641 projects - #2 most used programming language
java
68154 projects - #9 most used programming language

Labels

gallerythumbnailsflutter

Projects that are alternatives of or similar to flutter scroll gallery

Nanogallery2
a modern photo / video gallery and lightbox [JS library]
Stars: ✭ 488 (+1061.9%)
Mutual labels:  gallery, thumbnails
react-gallery-carousel
Mobile-friendly gallery carousel 🎠 with server side rendering, lazy loading, fullscreen, thumbnails, touch, mouse emulation, RTL, keyboard navigation and customisations.
Stars: ✭ 178 (+323.81%)
Mutual labels:  gallery, thumbnails
Justified Gallery
Javascript library to help creating high quality justified galleries of images. Used by thousands of websites as well as the photography community 500px.
Stars: ✭ 1,512 (+3500%)
Mutual labels:  gallery, thumbnails
angular-super-gallery
AngularJS super image gallery
Stars: ✭ 46 (+9.52%)
Mutual labels:  gallery, thumbnails
Lightgallery.js
Full featured JavaScript image & video gallery. No dependencies
Stars: ✭ 5,168 (+12204.76%)
Mutual labels:  gallery, thumbnails
React Grid Gallery
Justified image gallery component for React
Stars: ✭ 571 (+1259.52%)
Mutual labels:  gallery, thumbnails
Gallery shell
📷 Bash Script to generate static responsive image web galleries.
Stars: ✭ 198 (+371.43%)
Mutual labels:  gallery, thumbnails
gallery-by-react
🖼️ 一个React实现的图片画廊(附详细项目说明)
Stars: ✭ 27 (-35.71%)
Mutual labels:  gallery
hicetnunc-radio
Radio player for audio tracks in a tezos wallet.
Stars: ✭ 23 (-45.24%)
Mutual labels:  gallery
zipline
A ShareX/file upload server that is easy to use, packed with features, and with an easy setup!
Stars: ✭ 215 (+411.9%)
Mutual labels:  gallery
GelbooruEnhancement
Image Viewer and Endless Scroll userscripts for Gelbooru and various other boorus
Stars: ✭ 41 (-2.38%)
Mutual labels:  gallery
gatsby-image-gallery
Very basic gallery grid based on gatsby-image
Stars: ✭ 116 (+176.19%)
Mutual labels:  gallery
jekyll-photos
Dead simple solution to add a photo gallery to a Jekyll site.
Stars: ✭ 47 (+11.9%)
Mutual labels:  gallery
flask-thumbnails
A simple extension to create a thumbs for the flask framework
Stars: ✭ 59 (+40.48%)
Mutual labels:  thumbnails
Floral
Minimal design gallery app for Android.
Stars: ✭ 23 (-45.24%)
Mutual labels:  gallery
embla-carousel-wheel-gestures
wheel interactions for Embla Carousel
Stars: ✭ 30 (-28.57%)
Mutual labels:  gallery
goose
Personal contents management system.
Stars: ✭ 13 (-69.05%)
Mutual labels:  gallery
ngx-flickity
Angular2 component for https://flickity.metafizzy.co/
Stars: ✭ 28 (-33.33%)
Mutual labels:  gallery
osprey-delight
Osprey Delight is the free-minded artist's choice for a clutter-free and blazingly fast single-page portfolio.
Stars: ✭ 43 (+2.38%)
Mutual labels:  gallery
google-photos-vue
Google Photos album viewer built with Vue.js
Stars: ✭ 17 (-59.52%)
Mutual labels:  gallery
View All Similar Projects ➔

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].