Question

我正构建一个应用程序，在Camera视图的顶部，我需要显示一些内容。这是我的代码。

import 'dart:async';
import 'package:flutter/material.dart';
import 'package:camera/camera.dart';

List<CameraDescription> cameras;

void main() async {
  runApp(new MaterialApp(
    home: new CameraApp(),
  ));

}

class CameraApp extends StatefulWidget {
  @override
  _CameraAppState createState() => new _CameraAppState();
}

class _CameraAppState extends State<CameraApp> {
  CameraController controller;
  var cameras;
  bool cameraGot = false;

  Future<Null> getCamera() async {
    cameras = await availableCameras();
    setState(() {
      this.cameras = cameras;
      this.cameraGot = true;
    });
  }

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

    if(this.cameraGot) {
      controller = new CameraController(this.cameras[0], ResolutionPreset.medium);
      controller.initialize().then((_) {
        if (!mounted) {
          return;
        }
        setState(() {});
      });
    }

  }

  @override
  void dispose() {
    controller?.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {

    // camera widget
    Widget cameraView = new Container(
      child: new Row(children: [
          new Expanded(
            child: new Column(
                children: <Widget>[
                  new AspectRatio(
                    aspectRatio:
                        controller.value.aspectRatio,
                        child: new CameraPreview(controller)
                  )
                ]
            ),
          )
      ])
    );


    return new Scaffold(
      body: new Stack(
        children: <Widget>[
          !this.controller.value.initialized ? new Container() : cameraView,

           // ---On top of Camera view add one mroe widget---

        ],
      ),
    );
  }
}

每当我构建应用时，我都会遇到以下错误......

I/flutter ( 6911): ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════
I/flutter ( 6911): The following NoSuchMethodError was thrown building CameraApp(dirty, state: _CameraAppState#b6034):
I/flutter ( 6911): The getter 'value' was called on null.
I/flutter ( 6911): Receiver: null
I/flutter ( 6911): Tried calling: value

无法无花果。出了什么错误。

Answer 1

在initState中，您并不总是实例化控制器。

这意味着它可以为null。因此，在build方法内，您需要检查null以不崩溃

(!this.controller?.value?.initialized ?? false) ? new Container() : cameraView ,

Answer 2

aspectRatio: (this.controller?.value?.aspectRatio) ?? false

aspectRatio是一个双精度值，当它是false时，您已将其分配给null。给它一个双精度值。

Answer 3

如果您已经为变量创建并分配了值，但仍显示getter 'value' was called on null，尝试Run或Restart而不是Hot Reload的应用。因为Hot Reload不会调用initstate()应用程序会调用的Restarting（变量将为其赋值）。

Answer 4

我之前遇到过这个问题，并在AspectRatio的父窗口小部件中加了一个高度来修复它。

Answer 5

为抛出错误的小部件提供高度解决了我的问题

Answer 6

大部分时间。 HOT RESTART (R)将解决此错误。

Flutter app error - getter＆＃39; value＆＃39;被调用null

6 个答案: