flutter 调用摄像头和照片

最新推荐文章于 2025-06-11 16:34:05 发布

转载最新推荐文章于 2025-06-11 16:34:05 发布 · 4.1k 阅读

3 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wupeng88/p/11304871.html

文章标签：

#移动开发 #人工智能 #python

本文介绍如何在Flutter中使用showCupertinoModalPopup创建底部弹出框，并通过ImagePicker插件实现从相机或相册选择图片的功能。文章详细展示了代码实现过程，包括按钮设置、对话框构建及图片选择后的状态更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　　设置一个按钮调用   打开showCupertinoModalPopup


FloatingActionButton(onPressed: (){
            _showDialog(context);
          },

            child: Text('aaaaaa'),),
　　打开底部弹出框

 void _showDialog(BuildContext cxt){
    showCupertinoModalPopup<int>(context: cxt, builder:(cxt){
      var dialog =CupertinoActionSheet(
        title: Text("请选择"),
//        message: Text('上传作业!'),
        cancelButton: CupertinoActionSheetAction(onPressed: (){
          Navigator.pop(cxt,0);
        }, child: Text("取消")),
        actions: <Widget>[
          CupertinoActionSheetAction(onPressed: (){
            showImagePicker(1);
            Navigator.pop(cxt,1);

          }, child: Text('相机')),

          CupertinoActionSheetAction(onPressed: (){
            showImagePicker(2);
            Navigator.pop(cxt,2);
          }, child: Text('相册')),
        ],
      );
      return dialog;
    });
  }



　　根据选择的设备进行调用相机或者相册

showImagePicker(type) async{

/// Specifies the source where the picked image should come from.
enum ImageSource {  这个是调用源码
  /// Opens up the device camera, letting the user to take a new picture.
  camera,

  /// Opens the user's photo gallery.
  gallery,
}


  var image = await ImagePicker.pickImage(source: type ==1?ImageSource.camera: ImageSource.gallery);  枚举类型 设置调用的类型camera 相机  另外一个是本地相册

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

}

需要引入的包：

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

转载于:https://www.cnblogs.com/wupeng88/p/11304871.html