import 'dart:io';

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

class PhotoImage extends StatefulWidget {
  @override
  _PhotoImageState createState() => _PhotoImageState();
}

class _PhotoImageState extends State<PhotoImage> {
  List<File> _images = [];

  Future getImage(bool isTakePhoto) async {
    // 点击完关闭弹框
    Navigator.pop(context);
    var image = await ImagePicker.pickImage(
        source: isTakePhoto ? ImageSource.camera : ImageSource.gallery);

    print(image);

    setState(() {
      _images.add(image);
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
      appBar: AppBar(
        title: Text('Image Picker Example'),
      ),
      body: Center(
        child: Wrap(
          spacing: 5,
          runSpacing: 5,
          children: _getImages(),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _pickImage,
        tooltip: '选择图片',
        child: Icon(Icons.add_a_photo),
      ),
    ));
  }

  _pickImage() {
    showModalBottomSheet(
        context: context,
        builder: (context) => Container(
            height: 160,
            child: Column(
              children: [
                _item('拍照', true, Icons.camera),
                _item('从相册中选择', false, Icons.photo_library)
              ],
            )));
  }

  _item(String title, bool isTakePhoto, IconData iconType) {
    return GestureDetector(
      child: ListTile(
        leading: Icon(iconType),
        title: Text(title),
        onTap: () => getImage(isTakePhoto),
      ),
    );
  }

  _getImages() {
    return _images.map((image) {
      return Stack(
        children: <Widget>[
          ClipRRect(
              child: Image.file(
            image,
            width: 120,
            height: 90,
            fit: BoxFit.fill,
          ))
        ],
      );
    });
  }
}