Flutter拍照功能插件camera_snap的使用

camera_snap 是一个用于在iOS和Android上从相机捕获图像且不将其保存到图库的Flutter插件。

安装

首先，在你的 pubspec.yaml 文件中添加 camera_snap 作为依赖项。

dependencies:
  camera_snap: ^最新版本号

然后运行 flutter pub get 来获取依赖项。

iOS

需要iOS 10.0或更高版本才能使用相机插件。如果编译版本低于10.0，请确保在使用相机插件之前检查iOS版本。例如，可以使用 device_info 插件进行检查。

在 ios/Runner/Info.plist 文件中添加两行：

• 一个带有键 <key>Privacy - Camera Usage Description</key> 和描述。
• 另一个带有键 <key>Privacy - Microphone Usage Description</key> 和描述。

或者以文本格式添加以下键：

<key>NSCameraUsageDescription</key>
<string>Can I use the camera please?</string>
<key>NSMicrophoneUsageDescription</key>
<string>Can I use the mic please?</string>

Android

在你的 android/app/build.gradle 文件中将最小Android SDK版本更改为21（或更高）。

minSdkVersion 21

使用

以下是使用 camera_snap 拍照的基本示例：

import 'package:flutter/material.dart';
import 'package:camera_snap/camera_snap_screen.dart'; // 导入camera_snap插件

void takePicture() async {
  // 调用Navigator打开CameraSnapScreen页面
  final imagePath = await Navigator.of(context).push(
    MaterialPageRoute(
      builder: (_) => 
          CameraSnapScreen(
              cameraType: CameraType.front, // 设置为前置摄像头
              appBar: AppBar(title: 'Take Picture') // 设置AppBar
          ),
    ),
  );

  // 如果返回值为null，表示用户取消了拍照
  if (imagePath == null) {
    print('cancelled');
    return;
  }

  // 打印图片路径
  print(imagePath);
}

完整示例Demo

下面是一个完整的示例代码，展示了如何在应用中集成 camera_snap 插件并调用拍照功能。

import 'package:flutter/material.dart';
import 'package:camera_snap/camera_snap_screen.dart'; // 导入camera_snap插件

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(), // 设置首页为MyHomePage
    );
  }
}

class MyHomePage extends StatefulWidget {
  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  // 用于存储图片路径
  String _imagePath;

  void _takePicture() async {
    final imagePath = await Navigator.of(context).push(
      MaterialPageRoute(
        builder: (_) => 
            CameraSnapScreen(
                cameraType: CameraType.front, // 设置为前置摄像头
                appBar: AppBar(title: 'Take Picture') // 设置AppBar
            ),
      ),
    );

    if (imagePath == null) {
      print('cancelled');
      return;
    }

    setState(() {
      _imagePath = imagePath; // 更新状态
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Camera Snap Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            ElevatedButton(
              onPressed: _takePicture, // 设置按钮点击事件
              child: Text('Take Picture'),
            ),
            SizedBox(height: 20),
            if (_imagePath != null)
              Image.file(
                // 显示拍摄的图片
                File(_imagePath),
                width: 200,
                height: 200,
              ),
          ],
        ),
      ),
    );
  }
}