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

前些天发现了一个蛮有意思的人工智能学习网站,8个字形容一下"通俗易懂,风趣幽默",感觉非常有意思,忍不住分享一下给大家。

👉点击跳转到教程

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

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

bash 复制代码
  assets:
    - assets/my_icon.png

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

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

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

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

这个时候点击Pub get

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

解决方法,如图所示

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

bash 复制代码
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")
    );
  }
}
相关推荐
哲科软件3 小时前
跨平台开发的抉择:Flutter vs 原生安卓(Kotlin)的优劣对比与选型建议
android·flutter·kotlin
天涯海风3 小时前
Kuikly 与 Flutter 的全面对比分析,结合技术架构、性能、开发体验等核心维度
flutter·kuikly
aiprtem3 小时前
基于Flutter的web登录设计
前端·flutter
coder_pig7 小时前
跟🤡杰哥一起学Flutter (三十四、玩转Flutter手势✋)
前端·flutter·harmonyos
jyan_敬言9 小时前
【C++】string类(二)相关接口介绍及其使用
android·开发语言·c++·青少年编程·visual studio
程序员老刘9 小时前
Android 16开发者全解读
android·flutter·客户端
Jalor10 小时前
Flutter + 鸿蒙 | Flutter 跳转鸿蒙原生界面
flutter·harmonyos
福柯柯10 小时前
Android ContentProvider的使用
android·contenprovider
不想迷路的小男孩10 小时前
Android Studio 中Palette跟Component Tree面板消失怎么恢复正常
android·ide·android studio
餐桌上的王子10 小时前
Android 构建可管理生命周期的应用(一)
android