native_camera_view 0.0.5

A Flutter plugin for custom native camera integration. Supports image capture, camera switching, pause/resume, and unique capture of the last frame when paused on iOS & Android.

example/lib/main.dart

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

import 'package:native_camera_view/native_camera_view.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Native Camera View Example',
      theme: ThemeData(
        colorSchemeSeed: Colors.teal, // Sử dụng colorSchemeSeed cho Material 3
        useMaterial3: true,
        brightness: Brightness.light,
      ),
      darkTheme: ThemeData(
        colorSchemeSeed: Colors.teal,
        useMaterial3: true,
        brightness: Brightness.dark,
      ),
      home: const MyHomePage(),
    );
  }
}

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

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  CameraController? _cameraController;
  bool _isCameraPaused = false;

  CameraPreviewFit _currentFit = CameraPreviewFit.cover;
  bool _isFrontCameraSelected = false;

  @override
  void initState() {
    super.initState();
  }

  void _onCameraControllerCreated(CameraController controller) {
    if (mounted) {
      _cameraController = controller;
      print("Example App: CameraController created and received!");
      if (_isCameraPaused) {
        _cameraController?.pauseCamera();
      }
      // Cập nhật UI nếu cần, ví dụ bật các nút điều khiển
      setState(() {});
    }
  }

  Future<void> _togglePauseResume() async {
    if (_cameraController == null) return;
    if (_isCameraPaused) {
      await _cameraController?.resumeCamera();
    } else {
      await _cameraController?.pauseCamera();
    }
    if (mounted) {
      setState(() => _isCameraPaused = !_isCameraPaused);
    }
  }

  Future<void> _captureImage() async {
    if (_cameraController == null) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text(_isCameraPaused ? 'Camera đang tạm dừng.' : 'Controller chưa sẵn sàng.')),
      );
      return;
    }
    final path = await _cameraController?.captureImage();
    if (path != null && mounted) {
      print("Image captured at: $path");
      Navigator.push(
        context,
        MaterialPageRoute(
          builder: (context) => DisplayPictureScreen(imagePath: path),
        ),
      );
    } else if (mounted) {
      ScaffoldMessenger.of(context).showSnackBar(
        const SnackBar(content: Text('Chụp ảnh thất bại.')),
      );
    }
  }

  Future<void> _switchCamera() async {
    if (_cameraController == null || _isCameraPaused) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text(_isCameraPaused ? 'Resume camera trước.' : 'Controller chưa sẵn sàng.')),
      );
      return;
    }
    final newIsFront = !_isFrontCameraSelected;
    await _cameraController?.switchCamera(newIsFront);
    if (mounted) {
      setState(() {
        _isFrontCameraSelected = newIsFront;
      });
    }
  }

  void _changeCameraFit(CameraPreviewFit? fit) {
    if (fit == null || _isCameraPaused) return;
    if (mounted) {
      setState(() {
        _currentFit = fit;
      });
    }
  }

  Future<void> _deleteAllPhotos() async {
    if (_cameraController == null) return;
    bool? success = await _cameraController?.deleteAllCapturedPhotos();
    if (mounted) {
      ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(content: Text(success == true ? 'Đã xóa tất cả ảnh.' : 'Xóa ảnh thất bại hoặc không có ảnh.')),
      );
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Camera Plugin (${Platform.operatingSystem})'),
        actions: [
          if (_cameraController != null) ...[
            IconButton(
              icon: Icon(_isCameraPaused ? Icons.play_arrow : Icons.pause),
              tooltip: _isCameraPaused ? 'Resume' : 'Pause',
              onPressed: _togglePauseResume,
            ),
            IconButton(
              icon: const Icon(Icons.cameraswitch_outlined), // Icon rõ ràng hơn
              tooltip: 'Switch Camera',
              onPressed: _isCameraPaused ? null : _switchCamera,
            ),
          ]
        ],
      ),
      body: _buildMainContent(),
      // FloatingActionButton sẽ được đặt trong Stack
    );
  }

  Widget _buildMainContent() {

    return Stack(
      alignment: Alignment.center, // Căn chỉnh các item trong Stack
      children: [
        Positioned.fill(
          child: NativeCameraView(
            onControllerCreated: _onCameraControllerCreated,
            cameraPreviewFit: _currentFit,
            isFrontCamera: _isFrontCameraSelected,
          ),
        ),

        // Lớp trên: Các nút điều khiển
        // Nút chụp ảnh ở dưới cùng, chính giữa
        if (_cameraController != null)
          Positioned(
            bottom: 30.0,
            child: FloatingActionButton(
              onPressed: _captureImage,
              tooltip: 'Chụp ảnh',
              backgroundColor: Colors.white.withOpacity(0.8),
              child: const Icon(Icons.camera_alt, color: Colors.black87, size: 30),
            ),
          ),

        // PopupMenuButton ở góc dưới bên trái để chọn chế độ fit
        if (_cameraController != null && !_isCameraPaused)
          Positioned(
            bottom: 30.0,
            left: 30.0,
            child: PopupMenuButton<CameraPreviewFit>(
              initialValue: _currentFit,
              onSelected: _changeCameraFit,
              itemBuilder: (BuildContext context) => CameraPreviewFit.values
                  .map((CameraPreviewFit fit) => PopupMenuItem<CameraPreviewFit>(
                value: fit,
                child: Text(fit.name),
              ))
                  .toList(),
              child: Container(
                padding: const EdgeInsets.all(10),
                decoration: BoxDecoration(
                  color: Colors.black.withOpacity(0.5),
                  shape: BoxShape.circle,
                ),
                child: const Icon(Icons.aspect_ratio, color: Colors.white),
              ),
            ),
          ),

        // Nút xóa ảnh (có thể đặt ở vị trí khác nếu muốn)
        if (_cameraController != null)
          Positioned(
            top: 16,
            right: 16,
            child: ElevatedButton.icon(
              icon: const Icon(Icons.delete_sweep_outlined, size: 20),
              label: const Text("Xóa ảnh"),
              onPressed: _deleteAllPhotos,
              style: ElevatedButton.styleFrom(
                  backgroundColor: Colors.red.withOpacity(0.7),
                  foregroundColor: Colors.white,
                  padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
                  textStyle: const TextStyle(fontSize: 12)
              ),
            ),
          )
      ],
    );
  }
}

class DisplayPictureScreen extends StatelessWidget {
  final String imagePath;
  const DisplayPictureScreen({super.key, required this.imagePath});
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Ảnh đã chụp')),
      body: Center(child: Image.file(File(imagePath))),
    );
  }
}