颤振/飞镖错误：参数类型'Future<File>'不能分配给参数类型'File'

Question

我正在尝试使用 Flutter 和 Firebase 构建我的第一个移动应用程序。 当我尝试显示和存储照片时，出现以下问题：

错误：不能将参数类型“Future”分配给参数类型“文件”。 （argument_type_not_assignable 在 [whereassistant] lib/main.dart:85）

我可能应该做一些演员，但我不明白如何正确地做。

这是我的未来文件声明：

Future<File> _imageFile;

我正在拍摄一张显示在屏幕上的照片：

    setState(() {
      _imageFile = ImagePicker.pickImage(source: source);
    });

但我在尝试将照片发送到 Firebase 时遇到错误：

    final StorageUploadTask uploadTask = ref.put(_imageFile);
    final Uri downloadUrl = (await uploadTask.future).downloadUrl;

这是我使用的基于代码示例的类：

class _MyHomePageState extends State<MyHomePage> {
  Future<File> _imageFile;

  void _onImageButtonPressed(ImageSource source) async {
    GoogleSignIn _googleSignIn = new GoogleSignIn();
    var account = await _googleSignIn.signIn();
    final GoogleSignInAuthentication googleAuth = await account.authentication;
    final FirebaseUser user = await _auth.signInWithGoogle(
      accessToken: googleAuth.accessToken,
      idToken: googleAuth.idToken,
    );
    assert(user.email != null);
    assert(user.displayName != null);
    assert(!user.isAnonymous);
    assert(await user.getIdToken() != null);

    final FirebaseUser currentUser = await _auth.currentUser();
    assert(user.uid == currentUser.uid);

    setState(() {
      _imageFile = ImagePicker.pickImage(source: source);
    });
    var random = new Random().nextInt(10000);
    var ref = FirebaseStorage.instance.ref().child('image_$random.jpg');
    final StorageUploadTask uploadTask = ref.put(_imageFile);
    final Uri downloadUrl = (await uploadTask.future).downloadUrl;
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: const Text('Where Assistant'),
      ),
      body: new Center(
        child: new FutureBuilder<File>(
          future: _imageFile,
          builder: (BuildContext context, AsyncSnapshot<File> snapshot) {
            debugPrint('test recup image');
            print(snapshot);

            if (snapshot.connectionState == ConnectionState.done &&
                snapshot.data != null) {
              return new Image.file(snapshot.data);
            } else if (snapshot.error != null) {
              return const Text('Error picking image.');
            } else {
              return const Text('No image so far.');
            }
          },
        ),
      ),
      floatingActionButton: new Column(
        mainAxisAlignment: MainAxisAlignment.end,
        children: <Widget>[
          new FloatingActionButton(
            onPressed: () => _onImageButtonPressed(ImageSource.gallery),
            tooltip: 'Pick an image from gallery',
            child: new Icon(Icons.photo_library),
          ),
          new Padding(
            padding: const EdgeInsets.only(top: 16.0),
            child: new FloatingActionButton(
              onPressed: () => _onImageButtonPressed(ImageSource.camera),
              tooltip: 'Take a Photo',
              child: new Icon(Icons.camera_alt),
            ),
          ),
        ],
      ),
    );
  }
}

Answer 1

ref.put 要求File 作为参数。你传递的是Future<File>。

您需要等待未来的结果才能拨打电话。

您可以将代码更改为

final StorageUploadTask uploadTask = ref.put(await _imageFile);
final Uri downloadUrl = (await uploadTask.future).downloadUrl;

或者将_imageFile改为File而不是Future<File>

Answer 2

来自插件README.md

  Future getImage() async {
    var image = await ImagePicker.pickImage(source: ImageSource.camera);

    setState(() {
      _image = image;
    });
  }

ImagePicker.pickImage() 返回一个Future。您可以使用async/await，如上面代码所示，从Future获取值。

Answer 3

对于那些仍在寻找答案的人，似乎同一个错误有不同的原因。就我而言，这是我作为参数传递给不同函数的文件的不同导入语句。在声明和定义的情况下，它应该是相同的文件（导入）。

例如，不要在 dart 中这样使用：

import 'GitRepoResponse.dart';
import 'GitRowItem.dart';

然后在另一个类中

import 'package:git_repo_flutter/GitRepoResponse.dart';
import 'package:git_repo_flutter/GitRowItem.dart';

因为

在 Dart 中，两个库是相同的，当且仅当它们使用相同的 URI 导入。如果使用了两个不同的URI，即使解析到同一个文件，也会被认为是两个不同的库，文件内的类型会出现两次

阅读更多here

Answer 4

要将Future<File> 转换为File，请在函数前添加await，使其参数成为Future 类型！

File file2 = await fixExifRotation(imageFile.path);

Answer 5

setState(() {
  _imageFile = ImagePicker.pickImage(source: source);
});