美文网首页Flutter
Flutter - 相机、相册

Flutter - 相机、相册

作者: 神灬渐入嘉靜 | 来源:发表于2020-02-13 14:45 被阅读0次

使用库:image_picker

在pubspec.yaml中导入:

dependencies:
  #相机、相册
  image_picker: ^0.6.3+1

示例代码:

import 'package:flutter/material.dart';
void main() => runApp(ImagePick());

//相机、相册
import 'package:image_picker/image_picker.dart';

class ImagePick extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: ImagePickPage(),
    );
  }
}

class ImagePickPage extends StatefulWidget {
  @override
  ImagePickPageState createState() => ImagePickPageState();
}

class ImagePickPageState extends State<ImagePickPage> {
  var _imgPath;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text("ImagePicker9"),
        ),
        body: SingleChildScrollView(
          child: Column(
            children: <Widget>[
              _imageView(_imgPath),
              RaisedButton(
                onPressed: _takePhoto,
                child: Text("拍照"),
              ),
              RaisedButton(
                onPressed: _openGallery,
                child: Text("选择照片"),
              ),
              RaisedButton(
                onPressed: _takeVideo,
                child: Text("视频"),
              ),
            ],
          ),
        ));
  }

  /*图片控件*/
  Widget _imageView(imgPath) {
    if (imgPath == null) {
      return Center(
        child: Text("请选择图片或拍照"),
      );
    } else {
      return Image.file(
        imgPath,
      );
    }
  }

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

    setState(() {
      _imgPath = image;
    });
  }

  /*拍视频*/
  _takeVideo() async {
    var image = await ImagePicker.pickVideo(source: ImageSource.camera);

    setState(() {
      _imgPath = image;
    });
  }

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

相关文章

  • Flutter--调用原生功能

    Flutter工程调用原生功能--相册相机 demo 1 使用methodChannel Flutter工程中创建...

  • Flutter - 相机、相册

    使用库:image_picker 在pubspec.yaml中导入: 示例代码:

  • Flutter 图片裁剪(相机,相册)

    今天用到了一个特别好用的图片裁剪库,在这里分享一下Copper 先看一下效果图 这个裁剪库还是蛮强的,有左右旋转,...

  • Flutter中调用原生-platform channels(平

    上一次介绍过Flutter中调用原生相册/相机功能,这个是因为flutter官网提供了三方的ImagePicker...

  • Flutter Plugin 交互

    本片利用Flutter Plugin调用原生Android的相册墙的功能。 现有的和相机有关的库有 image_p...

  • flutter 评测相机相册插件评测

    从插件库中选取插件评测时间:19-07-10大家常用的,image_picker,camera。评测标准: 也不会...

  • H5 调用相机方法

    直接调用相机(测试安卓可以,iphone还是有相册) 调用相机 图片或者相册 调用相册

  • 相册、相机

    添加依赖 1、清单文件里的权限 2、相机权限、相册权限 3、相机 4、相册 5、相机、相册返回的数据 6、上传 7...

  • 相机相册

    1、创建继承于UIView的视图 2、在.m中进行布局与相机方法 3.在ViewControl中导入头文件,调用方法

  • 相机 相册

    从拍照,相册中获取图片 直接上代码吧 示例代码 申请权限AndroidManifest.xml activity_...

网友评论

    本文标题:Flutter - 相机、相册

    本文链接:https://www.haomeiwen.com/subject/khzkfhtx.html