不显示颤动图像

Question

所以我正在尝试制作一个带有图像背景的页面，这是我的代码：

body: Container(
        decoration: BoxDecoration(
          image: DecorationImage(
            image: AssetImage("loginBackground"),
          ),
        )
      ),

然而，当我运行这会打开一个新的编辑器，其中包含一些 Flutter 代码，并且一行以黄色突出显示，我认为这意味着一个断点（如果我错了请纠正我）。文件名为 'image_provider.dart'，这是相关代码（我已指出突出显示的行）：

@protected
  Future<ui.Codec> _loadAsync(AssetBundleImageKey key, DecoderCallback decode) async {
    ByteData? data;
    // Hot reload/restart could change whether an asset bundle or key in a
    // bundle are available, or if it is a network backed bundle.
    try {
      data = await key.bundle.load(key.name);
    } on FlutterError {
      PaintingBinding.instance!.imageCache!.evict(key);


      rethrow;          // THIS IS THE HIGHLIGHTED LINE

    }
    // `key.bundle.load` has a non-nullable return type, but might be null when
    // running with weak checking, so we need to null check it anyway (and
    // ignore the warning that the null-handling logic is dead code).
    if (data == null) { // ignore: dead_code
      PaintingBinding.instance!.imageCache!.evict(key);
      throw StateError('Unable to read data');
    }
    return await decode(data.buffer.asUint8List());
  }
}

我不知道这是什么意思，所以非常感谢您的帮助。这是图像（滚动）：

（对不起，它太大了）如果您需要更多详细信息，请评论:)

Answer 1

在 assetImage 中，synatx 通常是这样的：

image: AssetImage("images/loginBackground.png")

如果您没有在 pubspec.yaml 中启用您的资产，请在您的资产部分执行此操作：

 assets:
    - images/

还有一些错误代码会有所帮助

不显示颤动图像

Flutter Image not being displayed

dart

flutter

flutter-image