flutter - 图像未加载抛出的 Http 异常解析图像编解码器

Question

Image.network(
    bizLists[position].docurl,
    fit: BoxFit.cover,
    width: MediaQuery.of(context)
                     .size
                     .width * 0.75,
)

尝试使用 image.network 渲染图像时抖动会抛出编解码器错误。

图片网址是 http://180.12.181.8:2100/business/9c8468fb3b91ff16ab1539789bb71811.jpg

Answer 1

发生这种情况的原因是上下文无效。
上下文无效，因为 MaterialApp(或您使用的任何东西)是在上下文之后构建的，因此尚无可用的 MediaQuery。

这也意味着你的结构是错误的，“可见的”Widgets 不应该和 MaterialApp 在同一个类上。
建议的解决方案是将您的 Image.network Widget 移动到一个新类。

片段:

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
    Widget build(BuildContext context){
        return MaterialApp(
            home: Scaffold(
                body: MySuperJuicyImage()
            )
        );
    }
}

class MySuperJuicyImage extends StatelessWidget{
    Widget build(BuildContext context){
        return Image.network(
            'http://180.12.181.8:2100/business/9c8468fb3b91ff16ab1539789bb71811.jpg',
            fit: BoxFit.cover,
            width: MediaQuery.of(context).size.width * 0.75,
        );
    }
}