gallery_view

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Gallery View é um plugin do Flutter projetado para exibir uma lista de imagens em um layout de galeria visualmente atraente. Permite que os usuários naveguem pelas imagens com rolagem suave e interações intuitivas, ideal para galerias de fotos ou aplicativos com muitas imagens. O plugin oferece suporte para as plataformas Android e iOS, garantindo desempenho consistente em diferentes dispositivos. Desenvolvido com simplicidade em mente, integra-se facilmente em projetos existentes por meio de uma API simples.

Casos de uso

aplicativos de galeria de fotos
Interfaces de navegação de imagens
Exibição de imagens de produtos de comércio eletrônico
feeds de imagens de mídia social
Mostrar portfólio

Principais recursos

Rolagem suave da galeria
Suporte multiplataforma (Android e iOS)
Integração simples com o Flutter
Layout de imagem responsivo
gestos de deslize embutidos

Indicado para

Desenvolvedores construindo aplicativos centrados em imagens
Aplicativos que exigem navegação de imagem intuitiva
Projetos que precisam de soluções leves de galeria
Designs de interface do usuário com foco em dispositivos móveis
Prototipagem rápida de galerias de imagens

Considerações

Opções limitadas de personalização
Sem otimização embutida de carregamento de imagem
Requer manipulação manual de grandes conjuntos de imagens
Não adequado para manipulação complexa de imagens
Depende de bibliotecas externas de carregamento de imagens para recursos avançados

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

Image Gallery View Widget

A new plugin to show the list of network image and show it in a gallery view with hero animation

Getting Started

Feature
1. Show user list of network image using urls in gallery view
2. Added Hero animation for smooth transition effect.
3. User able to zoom into image and swipe left and right to swipe between images.
4. Also showing loading icon while image is loading from url.

Example

import 'package:flutter/material.dart';
import 'package:gallery_view/gallery_view.dart';

void main() {
  runApp(MaterialApp(
    home: Scaffold(
      body: Center(
      child: GalleryView(
       imageUrlList:[
                     "https://images.unsplash.com/photo-1500100586562-f75ff6540087?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1523719185231-aff40a400361?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                    "https://images.unsplash.com/photo-1500100586562-f75ff6540087?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1523719185231-aff40a400361?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1500100586562-f75ff6540087?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1523719185231-aff40a400361?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1500100586562-f75ff6540087?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1523719185231-aff40a400361?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                    
                   ]
        ),
      ),
    ),
  ));
}