666.png

上篇文章主要寫(xiě)了Item的組件，和Visibility 的簡(jiǎn)單用法

這篇文章主要是圖片的選擇的使用方法

在原生開(kāi)發(fā)中經(jīng)常可見(jiàn)圖片的選擇的需求，這個(gè)插件完美實(shí)現(xiàn)Ios和Android上的圖片選擇功能，并且不需要處理權(quán)限的問(wèn)題

首先添加依賴

在pubspec.yaml加入image_picker的依賴，版本號(hào)在github上找最新的即可。
我這里用的 如下

dependencies:
  image_picker: ^0.6.1+4

拍照

var image = await ImagePicker.pickImage(source: ImageSource.camera);

拍照

var image = await ImagePicker.pickImage(source: ImageSource.gallery);

下面看我在這里的具體用法，底部彈窗彈出：

/// 底部彈窗
  void _showSelectionDialog(BuildContext context) {
    showModalBottomSheet(
      context: context,
      isScrollControlled: true,
      builder: (ctx) {
        return Container(
          color: Colors.white,
          height: 170,
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            children: <Widget>[
              GestureDetector(
                child: _itemCreat(context, '相機(jī)'),
                onTap: () {
                  Navigator.pop(context);
                  getImage(ImageSource.camera);
                },
              ),
              GestureDetector(
                child: _itemCreat(context, '相冊(cè)'),
                onTap: () {
                  Navigator.pop(context);
                  getImage(ImageSource.gallery);
                },
              ),
              GestureDetector(
                child: Padding(
                  padding: EdgeInsets.only(top: 10),
                  child: _itemCreat(context, '取消'),
                ),
                onTap: () {
                  Navigator.pop(context);
                },
              )
            ],
          ),
        );
      },
    );
  }

  Widget _itemCreat(BuildContext context, String title) {
    return Container(
      color: Colors.white,
      height: 50,
      width: MediaQuery.of(context).size.width,
      child: Center(
        child: Text(
          title,
          style: TextStyle(fontSize: 16, color: Colors.black),
          textAlign: TextAlign.center,
        ),
      ),
    );
  }

GIthub 點(diǎn)我點(diǎn)我