如何解决波动中的本地资产错误？

Question

有人可以告诉我为什么无法显示图片吗？

＃

当我使用“ NetworkImage”从Internet拍照时，它可以工作。也有本地解决方案吗？

＃

我做了很多尝试，但是即使论坛上的帖子也帮不上忙。

  # To add assets to your application, add an assets section, like this:

  assets:
    - images/mio.jpg

-

import 'package:flutter/material.dart';

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

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

class MyHomePage extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Container(
          width: 250,
          height: 250,
          color: Colors.grey,
          child: Stack(
            children: <Widget>[
              Container(
                width: 200,
                height: 300,
                color: Colors.green,
              ),
              Positioned(
                top: 0,
                right: 0,
                child: Container(
                  width: 200,
                  height: 300,
                  child: Image(
                    fit: BoxFit.contain,
                    image: AssetImage(
                      'images/mio.jpg',
                    ),
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

I get this error message

Answer 1

我不确定为什么会出现此错误，但您应该尝试

Asset.Image(
  'images/mio.jpg',
  fit: BoxFit.contain,
),

代替

Image(
  fit: BoxFit.contain,
  image: AssetImage(
     'images/mio.jpg',
   ),
),

另一个建议是不要在pubspec.yaml中声明所有图像，因为可能会出现人为错误的输入错误，因此您只需要声明图像的根文件夹

  assets:
    - images/