Flutter相机功能插件builk_camera的使用

Builk_Camera 是一个 Flutter 包，允许您在 iOS 和 Android 平台上基于 camera 包、flutter_image_compress 和 native_device_orientation 包显示摄像头。

安装

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

iOS

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

• 一行带有 Privacy - Camera Usage Description 键和一个使用描述。
• 另一行带有 Privacy - Microphone Usage Description 键和一个使用描述。

如果以文本形式编辑 Info.plist，添加以下内容：

<key>NSCameraUsageDescription</key>
<string>your usage description here</string>
<key>NSMicrophoneUsageDescription</key>
<string>your usage description here</string>

Android

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

minSdkVersion 21

要在您的 Flutter 项目中使用 Builk_Camera，请将其添加到 pubspec.yaml 文件中：

dependencies:
  builk_camera: any

示例

示例代码

以下是完整的示例代码，展示了如何使用 builk_camera 插件来拍照并预览照片。

example/lib/main.dart

import 'dart:io';

import 'package:builk_camera/controller/camera_view_controller.dart'; // 导入相机视图控制器
import 'package:builk_camera/widget/builk_camera.dart'; // 导入相机小部件
import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp()); // 启动应用
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState(); // 初始化状态
}

class _MyAppState extends State<MyApp> {
  [@override](/user/override)
  void initState() {
    super.initState();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp( // 创建 Material 应用
      home: PreviewImage(), // 设置主页为预览页面
    );
  }
}

class PreviewImage extends StatefulWidget {
  PreviewImage({Key? key}) : super(key: key);

  [@override](/user/override)
  _PreviewImageState createState() {
    return _PreviewImageState(); // 初始化状态
  }
}

class _PreviewImageState extends State<PreviewImage> {
  File? imagefile; // 存储拍摄的照片文件

  [@override](/user/override)
  void initState() {
    super.initState();
  }

  [@override](/user/override)
  void dispose() {
    super.dispose();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Plugin example app'), // 设置应用标题
      ),
      body: Container(
        alignment: Alignment.center, // 居中对齐
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center, // 水平居中排列
          children: [
            // 如果有拍摄的照片，则显示照片；否则显示默认图标
            (imagefile != null)
                ? Container(
              alignment: Alignment.center,
              width: 200,
              child: Image.file(imagefile!), // 显示拍摄的照片
            )
                : Container(
              alignment: Alignment.center,
              width: 200,
              child: Icon(Icons.image, size: 200), // 显示默认图标
            )
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () async { // 拍照按钮的点击事件
          File file = await showDialog(
            context: context, // 弹出对话框
            builder: (context) {
              return CameraView(controller: CameraViewController()); // 显示相机视图
            },
          );

          setState(() { // 更新 UI
            imagefile = file; // 将拍摄的照片文件赋值给变量
          });
        },
        child: Icon(Icons.camera), // 设置按钮图标
      ),
    );
  }
}