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")
    );
  }
}
相关推荐
AI视觉网奇11 小时前
android studio 断点无效
android·ide·android studio
jiaxi的天空11 小时前
android studio gradle 访问不了
android·ide·android studio
No Silver Bullet12 小时前
android组包时会把从maven私服获取的包下载到本地吗
android
catchadmin13 小时前
PHP serialize 序列化完全指南
android·开发语言·php
星秋Eliot13 小时前
Flutter多线程
flutter·async/await·isolate·flutter 多线程
tangweiguo0305198714 小时前
Kable使用指南:Android BLE开发的现代化解决方案
android·kotlin
农夫三拳_有点甜16 小时前
Flutter Assets & Media
flutter
00后程序员张16 小时前
iOS App 混淆与资源保护:iOS配置文件加密、ipa文件安全、代码与多媒体资源防护全流程指南
android·安全·ios·小程序·uni-app·cocoa·iphone
柳岸风18 小时前
Android Studio Meerkat | 2024.3.1 Gradle Tasks不展示
android·ide·android studio
编程乐学18 小时前
安卓原创--基于 Android 开发的菜单管理系统
android