image_list 0.2.2

A tappable list of images

example/lib/main.dart

import 'dart:io';

import 'package:flutter/material.dart';
import 'package:image_list/plugin.dart';
import 'package:image_list/image_list.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  List<Album> albums;
  ImageListController controller;
  Album currentAlbum;
  List<ImageData> _selections;
  bool multipleMode = false;

  @override
  void initState() {
    super.initState();
    ImageListPlugin.getAlbums().then((albums) {
      if ((albums?.length ?? 0) > 0 && this.mounted)
        setState(() {
          this.albums = albums;
          this.currentAlbum = albums.first;
        });
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(home: Builder(
      builder: (BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: const Text('Plugin example app'),
          ),
          body: albums == null
              ? Center(child: CircularProgressIndicator())
              : Column(
                  children: [
                    DropdownButton<Album>(
                      value: currentAlbum,
                      onChanged: (Album newAlbum) {
                        this.currentAlbum = newAlbum;
                        setState(() {
                          this.controller.reloadAlbum(currentAlbum.identifier);
                        });
                      },
                      items: albums.map<DropdownMenuItem<Album>>((Album value) {
                        return DropdownMenuItem<Album>(
                          value: value,
                          child: Container(
                            width: MediaQuery.of(context).size.width - 100,
                            child: Text(value.name, maxLines: 2),
                          ),
                        );
                      }).toList(),
                    ),
                    FlatButton(
                      child: Text(multipleMode ? "Set Single" : "Set Multiple"),
                      onPressed: () {
                        setState(() {
                          multipleMode = !multipleMode;
                          if (this.controller != null)
                            this
                                .controller
                                .setMaxImage(multipleMode ? null : 1);
                        });
                      },
                    ),
                    Expanded(
                      child: ImageList(
                          maxImages: 1,
                          albumId: currentAlbum?.identifier,
                          onImageTapped: (count) {
                            print("onImageTapped => $count");
                          },
                          onListCreated: (controller) {
                            this.controller = controller;
                          },
                          selections: _selections,
                        ),
                    ),
                    Padding(
                      child: FlatButton(
                        child: Text("Submit"),
                        onPressed: () {
                          this.controller.getSelectedImage().then((res) {
                            File f = File(res.first.assetId);
                            Navigator.push(context, MaterialPageRoute(
                                builder: (BuildContext context) {
                              return Test(file: f);
                            }));
//                          _selections = res.map((map) {
//                            return ImageData.fromJson(map);
//                          }).toList();
                          });
                        },
                      ),
                      padding: EdgeInsets.all(16.0),
                    )
                  ],
                ),
        );
      },
    ));
  }
}

class Test extends StatelessWidget {
  final File file;

  const Test({Key key, this.file}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(title: Text("Result")),
        body: Center(child: Image.file(file)));
  }
}