FLUTTER ECOSYSTEM

karan413255/image_stack

Erstellen Sie einen Stapel von Bildern nebeneinander, eine unter der anderen

Projektcover von image_stack
Stars
30
Forks
18
Letzter Push (UTC)
02.07.2023
Projektstatus
Aktiv
Karan Shah GitHub avatar
GITHUB User

Karan Shah ↗

SprachenC++DartCMakeHTMLObjective-CCSwiftKotlin

Von diesem Repository veröffentlichte Pakete

Verwendete Abhängigkeiten

Abhängigkeiten 2 Einträge
  • flutter{"sdk":"flutter"}
  • flutter_testEntwicklung{"sdk":"flutter"}

Original-README

Englischer Projektschnappschuss. Aktuelle Inhalte auf GitHub.

Projekt-README ein-/ausklappen

image_stack

image_stack is a pure dart package for creating image stack in Flutter. This package give you a widget to easily create image stack for your need.

UI created by this package is mainly found in profile picture stacks in so many apps but it can be used at any place where you feel it will look good.

Pub Package: image_stack

Medium Article: Building profile image stack in Flutter

Installation

In the dependencies: section of your pubspec.yaml, add the following line:

image_stack: <latest_version>

Usage

import 'package:image_stack/image_stack.dart';

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    List<string> images = ["image1Link", "image2Link", "image3Link", "image4Link"];
    return ImageStack(
            imageList: images,
            totalCount: images.length // If larger than images.length, will show extra empty circle
            imageRadius: 25, // Radius of each images
            imageCount: 3, // Maximum number of images to be shown in stack
            imageBorderWidth: 3, // Border width around the images
        );
  }
}

Example

View the Flutter app in the example directory.

Screenshot

Image Stack Screenshot

Contributors