Flutter最新配置本地资源文件详解,报错看这篇文章就对了!
  Camq14vJ03Dg 2023年12月08日 33 0

Flutter中配置对应的资源图片等本地资源,需要在pubspec.yaml文件中进行相应的依赖配置。

1、在pubspec.yaml文件中配置下面这段内容

assets:
    - assets/my_icon.png

说明下面可能会出错的地方

1、配置的位置不对,如下图所示

Flutter最新配置本地资源文件详解,报错看这篇文章就对了!_flutter


这个不是另加的,在大概60多行的位置已经有给出的模版,把注释放开。

Flutter最新配置本地资源文件详解,报错看这篇文章就对了!_Android_02


放开后还需要微调一下,原有的是images文件下,存放图片资源,也可以自己新建文件夹,这里我用的是assets文件夹,这里面存放本地资源图片。

Flutter最新配置本地资源文件详解,报错看这篇文章就对了!_flutter_03

这个时候点击Pub get

Flutter最新配置本地资源文件详解,报错看这篇文章就对了!_image_04


依然会报错,报错截图如下:

Flutter最新配置本地资源文件详解,报错看这篇文章就对了!_Android_05


解决方法,如图所示

Flutter最新配置本地资源文件详解,报错看这篇文章就对了!_image_06


这样便可以在代码中加载图片资源了

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class ImageRoute extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // return Image.asset("assets/my_icon.png");
    return Scaffold(
      appBar: AppBar(
        title: Text("load image"),
      ),
      body: Image.asset("assets/my_icon.png")
    );
  }
}


【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年12月08日 0

暂无评论

推荐阅读
Camq14vJ03Dg