Flutter相机功能插件camera_works的使用

Flutter相机功能插件camera_works的使用

Camera Works 是一个处理相机功能的简单库，重点在于稳定性。它是一个用于 Flutter 的相机插件，在 Android 上使用 CameraX，在 iOS 上使用原生 API，支持拍照、闪光灯和切换摄像头。

我制作了这个插件，因为官方的相机插件存在一些尚未解决的 BUG。

注意：目前该插件仅支持 Android 平台。此插件受到了官方 camera 插件的启发。

特性

• ✅ 切换前后摄像头
• ✅ 拍照
• ✅ 控制闪光灯

开始使用

在你的 pubspec.yaml 文件中添加 camera_works 作为依赖项。

dependencies:
  camera_works: ^<最新版本>

Android

确保你在 android/app/build.gradle 文件中设置了一个 minSdkVersion 为 21 或更高版本，因为 CameraX 使用的 camera2 API 只支持 Android 5.0 或以上版本。

注意：你可以在一个设备模拟器（Android 11 或更高版本）或物理设备上运行示例。CameraX 在 Android 10 或更低版本的模拟器上无法工作。更多信息可以查看 这里。

示例代码

以下是使用 camera_works 插件的基本示例：

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

import 'camera_page.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  // 设置屏幕方向为竖屏
  await SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    // 设置系统栏样式
    final style = SystemUiOverlayStyle.light.copyWith(statusBarColor: Colors.transparent);
    SystemChrome.setSystemUIOverlayStyle(style);

    return MaterialApp(
      home: CameraPage(), // 主页面为 CameraPage
    );
  }
}

CameraPage 示例代码

以下是 CameraPage 的详细实现代码：

import 'package:flutter/material.dart';
import 'package:camera_works/camera_works.dart';

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

class _CameraPageState extends State<CameraPage> {
  CameraController? _controller;

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

  Future<void> _initializeCamera() async {
    final cameras = await availableCameras();
    if (cameras.isNotEmpty) {
      final firstCamera = cameras.first;
      _controller = CameraController(
        firstCamera,
        ResolutionPreset.high,
      );

      await _controller!.initialize();
      setState(() {});
    }
  }

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    if (_controller == null || !_controller!.value.isInitialized) {
      return const Center(child: CircularProgressIndicator());
    }

    return Scaffold(
      appBar: AppBar(title: Text('相机功能演示')),
      body: CameraPreview(_controller!),
      floatingActionButton: Row(
        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
        children: [
          FloatingActionButton(
            onPressed: () async {
              if (_controller != null && _controller!.value.isInitialized) {
                final image = await _controller!.takePicture();
                // 处理拍照后的图片
              }
            },
            child: Icon(Icons.camera),
          ),
          FloatingActionButton(
            onPressed: () async {
              if (_controller != null) {
                await _controller!.setFlashMode(FlashMode.torch);
              }
            },
            child: Icon(Icons.flash_on),
          ),
          FloatingActionButton(
            onPressed: () async {
              if (_controller != null) {
                await _controller!.setRotation(90);
                await _controller!.flipCamera();
              }
            },
            child: Icon(Icons.flip_camera_ios),
          ),
        ],
      ),
    );
  }
}