Flutter 图像选择器插件的问题和错误

如何解决Flutter 图像选择器插件的问题和错误

我是 Dart 和 Flutter 的新手。

我正在尝试从 Pub.Dev (https://pub.dev/packages/image_picker) 运行 ImagePicker 的示例代码。我从自述文件选项卡中提供的示例代码开始。我在 pubspec.yaml 中的依赖项中使用 image_picker: ^0.7.5+3

我想要发生的事情：在 IOS 模拟器中，当我从图库中选择图像时，所选图像应显示在应用程序主体中。使用 Pub.Dev ReadMe 选项卡中的示例代码，正文显示文本：“未选择图像”。但是，即使我选择了图像，也不会显示图像，并且正文不会被所选图像替换。

只需简单地从 PubDev 复制粘贴示例代码，我就会得到两个错误：

用于文件_image； => 我收到这个错误错误：必须初始化不可为空的实例字段“_image”。尝试添加初始化表达式，或初始化它的生成构造函数，或将其标记为“迟到”。所以，我尝试改用：文件？ _图片
但是，以下错误导致 => 行：Image.file(_image),错误：参数类型“文件？”不能分配给参数类型“文件”。所以我将这一行改为：：Image.file(_image!),

这消除了错误，但代码似乎不起作用（所选图像未显示在应用程序正文中）。

请帮忙？

这是我使用的完整代码以及我上面概述的修改：

import 'dart:io';

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {   @override   Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),);   } }

class MyHomePage extends StatefulWidget {   @override  
_MyHomePageState createState() => _MyHomePageState(); }

class _MyHomePageState extends State<MyHomePage> {   File? _image;   final picker = ImagePicker();

  Future getImage() async {
    final pickedFile = await picker.getImage(source: ImageSource.camera);

    setState(() {
      if (pickedFile != null) {
        _image = File(pickedFile.path);
      } else {
        print('No image selected.');
      }
    });   }

  @override   Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Image Picker Example'),),body: Center(
        child: _image == null
            ? Text('No image selected.')
            : Image.file(_image!),floatingActionButton: FloatingActionButton(
        onPressed: getImage,tooltip: 'Pick Image',child: Icon(Icons.add_a_photo),);   } }

其他详情：

pubspec.yaml

dependencies:
  flutter:
    sdk: flutter
  image_picker: ^0.7.5+3
  cupertino_icons: ^1.0.2

Flutter Doctor 结果（我使用的是 IOS 模拟器，所以我认为 Android 工具链的问题没有影响？：

[flutter] flutter doctor -v [✓] Flutter (Channel stable,2.2.0,on macOS 11.3.1 20E241 darwin-arm，语言环境 en-GB) • Flutter 2.2.0 版位于 /Users/JM/flutter • 框架修订版 b22742018b（13 天前），2021-05-14 19:12:57 -0700 • 引擎修订版 a9d88a4d18 • Dart 版本 2.13.0

[!] Android 工具链 - 为 Android 设备开发（Android SDK 版本 30.0.3) • Android SDK 位于 /Users/JM/Library/Android/sdk • 平台 android-30，构建工具 30.0.3 • Java 二进制文件位于：/Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java • Java 版 OpenJDK 运行时环境（构建 11.0.8+10-b944.6916264） ✗ Android 许可证状态未知。运行 flutter doctor --android-licenses 以接受 SDK 许可。参见https://flutter.dev/docs/get-started/install/macos#android-setup 更多详情。

[✓] Xcode - 为 iOS 和 macOS 开发 • Xcode 位于 /Applications/Xcode.app/Contents/Developer • Xcode 12.5，构建版本 12E262 • CocoaPods 1.10.1 版

[✓] Chrome - 为网络开发 • Chrome 位于 /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio（4.2 版） • Android Studio 位于 /Applications/Android Studio.app/Contents • Flutter 插件可以从以下位置安装： ? https://plugins.jetbrains.com/plugin/9212-flutter • Dart 插件可以从以下位置安装： ? https://plugins.jetbrains.com/plugin/6351-dart • Java 版 OpenJDK 运行时环境（构建 11.0.8+10-b944.6916264）

[✓] VS 代码（版本 1.56.2） • VS Code 位于 /Applications/Visual Studio Code.app/Contents • Flutter 扩展版本 3.22.0

[✓] 已连接设备（2 个可用） • iPhone 12 Pro Max（手机） • 1B078BE2-30D5-4972-A6DF-2748712A8641 • ios • com.apple.CoreSimulator.SimRuntime.iOS-14-5（模拟器） • Chrome (web) • chrome • web-javascript • Google Chrome 90.0.4430.212

！医生在 1 个类别中发现了问题。退出代码 0

解决方法

您的代码与我的 android 模拟器完美配合。

很遗憾，我目前无法测试 iOS，因为我必须更新我的 Macbook，它太旧了，无法获得 XCode 12。

无论如何，您的 Android 许可证问题确实不会对您的刷新屏幕问题产生任何影响。

Flutter 图像选择器插件的问题和错误

如何解决Flutter 图像选择器插件的问题和错误

解决方法

相关推荐