标签: flutter-image

尝试在颤振中加载图像但无法加载图像，出现以下错误

我/扑（3214）：？？？图像资源服务捕获的异常 ????????????????????????????????????????????? ????????? I/flutter ( 3214): 以下断言被抛出解析图像编解码器: I/flutter ( 3214): Unable to load asset: assets/test.jpg I/flutter ( 3214): I/flutter ( 3214): When异常被抛出，这是堆栈： I/flutter ( 3214): #0 PlatformAssetBundle.load (package:flutter/src/services/asset_bundle.dart:221:7) I/flutter (3214): I/flutter (3214) ): #1
AssetBundleImageProvider._loadAsync (package:flutter/src/painting/image_provider.dart:429:44) I/flutter (3214): I/flutter (3214): #2
AssetBundleImageProvider.load (package:flutter/src/painting/image_provider.dart:414:14) I/flutter (3214): #3 ImageProvider.resolve.. (package:flutter/src/painting/image_provider.dart:267:86 ) I/flutter (3214): #4 ImageCache.putIfAbsent (package:flutter/src/painting/image_cache.dart:143:20) I/flutter (3214): #5 ImageProvider.resolve。(package:flutter/src/painting/image_provider.dart:267:63) I/flutter (3214): (从包 dart:async 中省略了 8 帧) I/flutter (3214): I/flutter (3214): Image provider : AssetImage(bundle: null, name: "assets/test.jpg") I/flutter (3214): Image …

我有一个简单的项目，应该只显示图像。我应该提到的是，我对 flutter 非常陌生。

下面是main.dart

import 'package:flutter/material.dart';
import 'package:flutter_shoe/ColorHolder.dart';
import 'package:flutter_shoe/home_page.dart';
import 'package:flutter_shoe/profile_page.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primaryColor: primaryColor,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: HomePage(),
    );
  }
}

这是 HomepageClass

import 'package:flutter/material.dart';

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: Icon(Icons.menu),
        title: Text("Home"),
        centerTitle: true,
        actions: [
          Icon(Icons.circle_notifications),
        ],
      ),
      body: Container(
        child: Image.asset(
          "assets/imgs/curved.png",
          // "assets/imgs/doc.jpg", …

我尝试了将 image.net work 放在子容器中的容器，它可以工作，但我需要自定义图像的边框。我应该如何修复它？

    Expanded(child: Align(alignment:Alignment.center,
        child: Container(
          height: 45, //height, //155,
          width: 45, //width, //155,
          decoration: BoxDecoration(
            color: const Color(0xff7c94b6),
            image: DecorationImage(
            image: Image.network(state
              .offerConfirm
              .ownImage[index]),
         fit: BoxFit.cover,
        ),
        borderRadius: BorderRadius.circular(12),
         ),
        ),
      ),
     flex: 3,
  ),

                                        

我正在从图库中获取图像并使用 Image.memory() 将其显示在我的裁剪器中。但有时（对于大文件）图像需要几秒钟的时间才能显示。我想显示加载动画，但如何检测它何时加载或完成？没有像 Image.network() 这样的loadingBuilder。有任何想法吗？

final XFile? image = await _picker.pickImage(source: ImageSource.gallery);

Image.memory(_imageToCrop!)