Flutter

Flutter - 相机、相册

2020-02-13  本文已影响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;
    });
  }
}

上一篇 下一篇

猜你喜欢

热点阅读