flutter加载本地图片

原创已于 2022-06-07 17:38:06 修改 · 868 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#flutter #android #android studio

收录于

于 2022-05-31 10:37:18 首次发布

Flutter 专栏收录该内容

1 篇文章

订阅专栏

在Flutter2.0中，直接加载本地图片会报错。解决方法是配置pubspec.yaml文件，将图片资源添加到assets目录。当遇到找不到图片的错误时，需要通过flutter run重启项目。

class _MyImageState extends State<MyImage> {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        // 加载网络图片
        Image.network(
          'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2Ftp09%2F210F2130512J47-0-lp.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656554632&t=523044dacfdbcb2920efd569f3d3f03f',
          fit: BoxFit.cover,
        ),
        // 加载本地图片 需配置描述文件 pubspec.yaml
        Image.asset('images/pic.png')
      ],
    );
  }
}