foto_gallery 2.0.0 copy "foto_gallery: ^2.0.0" to clipboard
foto_gallery: ^2.0.0 copied to clipboard

Foto gallery package will help you to create reactive image slider.

  • Foto gallery package will help you to create reactive image slider.
  • For state management the foto_gallery package uses GetX.
  • You can also control image slider using the keyboard.

Using #

To import foto_gallery package.

import 'package:foto_gallery/foto_gallery.dart';

The easiest way to use this package is if you are using listview then it will more easy for you. Here is example code.


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

ListView.builder(
        itemCount: imageList.length,
        itemBuilder: ((context, index) {
          return Container(
            height: 300,
            width: double.infinity,
            padding: const EdgeInsets.all(30),
            child: ClipRRect(
              borderRadius: BorderRadius.circular(30),
              child: FotoGallery(
                image: imageList[index],
                imageList: imageList,
                imgurl: imageList[index],
                index: index,
                fit: BoxFit.cover,
              ),
            ),
          );
        }),
      ),

  • If you can observe there are two options one is image and another one is imgurl.
  • The image: imageList[index] is used to provide a unique tag to the hero widget.
  • The other one which is imgurl:imageList[index] is use to provide imageUrl.
FotoGallery(

     image: imageList[index], // To provide unique tag
     imageList: imageList,
     imgurl: imageList[index],
     index: index,
     fit: BoxFit.cover,
 ),
4
likes
140
points
39
downloads

Publisher

unverified uploader

Weekly Downloads

Foto gallery package will help you to create reactive image slider.

Repository (GitHub)

Documentation

API reference

License

MIT (license)

Dependencies

flutter, get

More

Packages that depend on foto_gallery