Flutter 入坑记FlutterFlutter

flutter 选择图片 相机

2019-06-11  本文已影响8人  雪纳瑞的哈士奇

依然是不多说废话 直接上代码 有问题评论区见

在pubspec.yaml加入image_picker的依赖

image_picker: ^0.5.0+3

引入包

import 'package:image_picker/image_picker.dart';

实现代码

/*更新页面*/
  Widget getImage(){
    if(imageFile == null){
      return FadeInImage.assetNetwork(
        image:"http://pic37.nipic.com/20140113/8800276_184927469000_2.png",
        placeholder:"images/ic_device_image_default.png",
        width: ScreenUtil().setWidth(70),
        height: ScreenUtil().setWidth(70),
        fit: BoxFit.cover,);
    }
    return Image.file(imageFile,
      width: ScreenUtil().setWidth(70),
      height: ScreenUtil().setWidth(70),
      fit: BoxFit.cover,);
  }

  var imageFile;
  /*相册*/
  _openGallery() async {
    var image = await ImagePicker.pickImage(source: ImageSource.gallery);
    setState(() {
      imageFile = image;
    });
  }

  /*拍照*/
  _takePhoto() async {
    var image = await ImagePicker.pickImage(source: ImageSource.camera);
    setState(() {
      imageFile = image;
    });
  }

这个地方记录个坑 因为我是做Android和iOS原生开发的 在iOS和Android里面的UIImageView和ImageView控件里面都有直接赋值的地方 setImage 和 .image 然而这里却要写两个控件 原来的思想让我迷茫了十几分钟 在这里吐槽下 或许还有其他的好方法 请评论区告诉我 我也是flutter的小白

上一篇 下一篇

猜你喜欢

热点阅读