camera_camera Flutter 插件使用教程

最新推荐文章于 2024-12-04 13:06:48 发布

原创最新推荐文章于 2024-12-04 13:06:48 发布 · 398 阅读

9 ·

CC 4.0 BY-SA版权

camera_camera Flutter 插件使用教程

camera_camera项目地址:https://gitcode.com/gh_mirrors/ca/camera_camera

项目介绍

camera_camera 是一个为 Android 和 iOS 平台设计的简单相机插件，旨在提供易于集成的相机功能。该插件支持多种相机特性，如缩放、闪光灯模式、选择相机侧等，并且兼容 Dart 3 和空安全。

项目快速启动

安装

在您的 Flutter 项目的 pubspec.yaml 文件中添加 camera_camera 依赖：

dependencies:
  camera_camera: ^3.0.0

配置

Android

在 app/build.gradle 文件中设置最小 SDK 版本：

minSdkVersion 21

iOS

在 Info.plist 文件中添加相机和麦克风的使用描述：

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

使用

在您的 Flutter 应用中使用 CameraCamera 小部件：

import 'package:camera_camera/camera_camera.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Camera Example')),
        body: CameraCamera(
          onFile: (file) => print('Captured file: ${file.path}'),
        ),
      ),
    );
  }
}

应用案例和最佳实践

案例一：基本相机使用

return Scaffold(
  body: CameraCamera(
    onFile: (file) => print('Captured file: ${file.path}'),
  ),
);

案例二：带浮动按钮的相机

return Scaffold(
  body: CameraCamera(
    onFile: (file) => print('Captured file: ${file.path}'),
  ),
  floatingActionButton: FloatingActionButton(
    onPressed: () {
      Navigator.push(
        context,
        MaterialPageRoute(
          builder: (_) => CameraCamera(
            onFile: (file) {
              // 处理捕获的文件
              Navigator.pop(context);
            },
          ),
        ),
      );
    },
    child: Icon(Icons.camera_alt),
  ),
);