先說(shuō)用到的3個(gè)文件

• pubspec.yaml 安裝必要包
• AndroidManifest.xml 添加權(quán)限（android/src/main）
• api.dart 封裝一些系統(tǒng)的方法 （lib/utils）
• main.dart 初始化時(shí)，獲取可用照相機(jī)，省去拍照頁(yè)面的等待黑屏?xí)r間
• camera 拍照demo

pubspec.yaml

  camera: ^0.5.6+3
  path_provider: ^1.4.4

AndroidManifest.xml

     <!-- 獲取相機(jī)權(quán)限 -->
    <uses-permission android:name="android.permission.CAMERA" />
    <!-- 儲(chǔ)存權(quán)限 -->
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

api.dart

import 'package:camera/camera.dart';
List<CameraDescription> cameras;
CameraController controller;

// 獲取照相機(jī)
Future<void> getCamera() async {
  cameras = await availableCameras();
}

mian.dart

import './utils/api.dart';
import './mainPage.dart';
Future<void> main() async {
  getCamera();
  runApp(MyApp());
}
// 省略 .....

camera.dart 重點(diǎn)來(lái)了

• imagePath 用來(lái)保存拍照的地址
• initState時(shí)獲取后攝像頭，如果用前攝像頭（cameras[1]）

class CameraPageState extends State<Camera> {
  String imagePath ; 
  @override
  void initState(){
    super.initState();
    // 調(diào)用相機(jī)
    controller = CameraController(cameras[0], ResolutionPreset.medium);
    controller.initialize().then((_) {
      if (!mounted) {
        return;
      }
      setState(() {});
    });
  }

頁(yè)面布局，上方顯示 拍照預(yù)覽，下方為按鈕

  Widget build(BuildContext context) {
    return Scaffold(
      body:new Container(
        child:Stack(children: <Widget>[
          new Column(
            children: <Widget>[
              Expanded(
                flex: 3,
                child: _cameraPreviewWidget(),
              ),
              Expanded(
                flex: 1,
                child: _takePictureLayout()
              )
            ],
          ),
          getPhotoPreview()
        ],)
      )
    );
  }

相機(jī)預(yù)覽顯示

  Widget _cameraPreviewWidget() {
    print(controller);
    if (controller == null || !controller.value.isInitialized) {
      return new Scaffold(
        appBar: AppBar(
          title: const Text('camera'),
        ),
       body: GestureDetector(
          onTap:(){
            print('已被點(diǎn)擊');
            onTakePictureButtonPressed();
          },
          child: Text('點(diǎn)我拍照')
        )
      );
    }
    return new Container(
      child:AspectRatio(
        aspectRatio:controller.value.aspectRatio,
        child: CameraPreview(controller),
      )
    );
  }

拍照按鈕布局

  Widget _takePictureLayout() {
    return new Align(
      alignment: Alignment.bottomCenter,
      child: new Container(
        color: Colors.black,
        alignment: Alignment.center,
        child:  new IconButton(
          iconSize: 50.0,
          onPressed: controller != null &&
              controller.value.isInitialized &&
              !controller.value.isRecordingVideo
              ? onTakePictureButtonPressed
              : null,
          icon: Icon(
            Icons.photo_camera,
            color: Colors.white,
          ),
        ),
    ));
  }

拍完預(yù)覽

  Widget getPhotoPreview() {
    if( null != imagePath){
      return new Container(
        width:double.infinity,
        height: double.infinity,
        color: Colors.black,
        alignment: Alignment.center,
        child: Image.file(File(imagePath)),
      );
    }else{
      return new Container(
        height: 1.0,
        width: 1.0,
        color: Colors.black,
        alignment: Alignment.bottomLeft,
      );
    }
  }

保存圖片操作

String timestamp() => DateTime.now().millisecondsSinceEpoch.toString();
Future<String> takePicture() async {
    if (!controller.value.isInitialized) {
      // showInSnackBar('Error: select a camera first.');
      return null;
    }
    // getApplicationDocumentsDirectory  文檔目錄
    final Directory extDir = await getExternalStorageDirectory();
    final String dirPath = '${extDir.path}/Pictures/flutter_test';
    print(dirPath);
    await Directory(dirPath).create(recursive: true);
    final String filePath = '$dirPath/${timestamp()}.jpg';
    print(filePath);
    if (controller.value.isTakingPicture) {
      // A capture is already pending, do nothing.
      return null;
    }

    try {
      await controller.takePicture(filePath);
      print('保存成功');
    } on CameraException catch (e) {
      print('保存失敗');
      print(e);
      return null;
    }
    return filePath;
  }