扑。 File existsSync() 总是返回 false

Question

这是我现在面临的问题。 我有一个名为“assets”的文件夹，在该文件夹中我有一个名为“no_icon.png”的图像。 我已将其添加到 pubspec.yaml 中，如下所示：

flutter:
  assets:
    - assets/teamShields/
    - assets/no_icon.png

当我在 StatelessWidget 内做时

final imageP = File('assets/no_icon.png');

然后在这个里面还有一个 MaterialApp：

body: Text(imageP.existsSync().toString()),

我总是在我的屏幕上看到 false。

另外，如果我输入 Image.asset('assets/no_icon.png'), 而不是 Text，我可以看到渲染的图像。

我不知道这是一个错误还是我做错了什么......

Answer 1

您应该使用 Flutter 的资产支持，而不是使用文件。它旨在处理您在 pubspec 文件中声明的任何资产。

如果从有状态/无状态小部件中使用，它看起来像这样：

Future<ByteData> loadFile(context) async {
  AssetBundle bundle = DefaultAssetBundle.of(context).bundle;
  try {
    return await bundle.load("path/to.file");
  } catch (e) {
    print("Failed to load file because of $e");
    return null;
  }
}

您可以从任何有意义的地方调用它，即 initState 或使用 FutureBuilder。或者你可以使用：

import 'package:flutter/services.dart' show rootBundle;

...

Future<ByteData> loadAsset() async {
  return await rootBundle.load('assets/some.file');
}

---

但是，您似乎正在尝试加载存在特殊情况的图像文件。

来自the docs：

Widget build(BuildContext context) {
  // ...
  return DecoratedBox(
    decoration: BoxDecoration(
      image: DecorationImage(
        image: AssetImage('graphics/background.png'),
        // ...
      ),
      // ...
    ),
  );
  // ...
}

您需要做的就是使用 AssetImage =)。