Flutter 使用本地图片

最新推荐文章于 2024-09-18 11:12:32 发布
最新推荐文章于 2024-09-18 11:12:32 发布
阅读量726 收藏 1
点赞数
分类专栏： flutter 文章标签： flutter android android studio
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lckj686/article/details/125179334
版权

一、概述

学习flutter的时候，在使用本地图片发现怎么设置都提示错误， 不提示错误了，又显示不出来了也是尴尬。固此记录下。

二、操作步骤

在这里插入图片描述
在这里插入图片描述
上图已经说的比较清楚。可以解决普通图片的问题：
yaml配置：

  uses-material-design: true
  assets:
    - lib/assets/images/

调用：

AssetImage('lib/assets/images/icon_header.jpg')

三、参考

官网连接

四、疑问

设置2倍3倍图 2.0x 3.0x文件夹， 实际在跑手机的时候。路径如果没用上2,3名字并没有智能识别。调了没成功，非实际项目没有深入了解。感觉是虚的还是得代码自己控制。这个是疑问点目前还不懂后续懂了更新，有看到懂的可以评论下

【Flutter】Flutter 显示本地图片
Code Metaverse
07-18 1100
在 Flutter 中，我们可以通过 Image Widget 来显示图片。Image Widget 支持多种图片源，包括网络图片、本地图片、内存中的图片等。对于本地图片，我们通常将其放在项目的 assets 文件夹中，然后在 pubspec.yaml 文件中进行配置，最后通过 AssetImage 类来加载。
Flutter无法显示本地图片
i_am_warlord的博客
08-15 3093
Flutter无法显示本地图片的问题（Flutter Class 1）这是一篇解决Flutter中Image.asset使用本地图片失败的记录文档问题来由pubspec.yaml文件修改main.dart文件修改重新运行即可。 这是一篇解决Flutter中Image.asset使用本地图片失败的记录文档 Flutter学习新手，遇到了很多问题，借此用文字记录一下。在记录的同时可以理顺自己的思路，同...
flutter加载本地图片
web5197的博客
05-31 758
flutter 本地图片 加载
Flutter 教程第四章：Image 组件详解
最新发布
ljguo2008的专栏
09-18 1085
Image组件是 Flutter 中用于显示图片的基础组件。无论是加载网络图片、本地资源图片，还是显示内存中的图片数据，Image组件都能胜任。它还提供了各种配置选项来调整图片的尺寸、对齐方式、缩放模式等。
在 Flutter 中显示本地图片
热门推荐
卜大爷的博客
12-29 3万+
在 Flutter 中显示本地图片 1. 创建图片资源目录 首先要创建图片资源目录，以存放图片。 在项目根目录，创建一个 assets 目录，在它的下面，创建一个叫 images 的子目录，用于存放图片资源： /assets/images/ 2. 将本地图片添加到资源目录 将我们需要用到的图片，添加到 /assets/images/ 目录中。 3. 在 pubspec.yaml 中注册 将图片目录配置到 pubspec.yaml 文件中： flutter: assets: - assets
Flutter 使用本地资源图片
转载的svn使用
05-14 518
Flutter 使用本地资源图片 1、在根目录创建一个放图片的文件夹 2、在文件里放入图片 3、在pubspec.yaml文件中，添加图片文件夹为依赖地址 4、注意，pubspec.yaml文件的格式和缩进一定要严格规范 5、执行一个pub get 6、具体使用代码： new Image(image: new AssetImage(‘images/myImage.png’)), ...
【Flutter】Image 组件 ( 加载网络图片 加载静态图片 加载本地图片 path_provider 插件 ).zip
03-23
【Flutter】Image 组件 ( 加载网络图片 | 加载静态图片 | 加载本地图片 | path_provider 插件 ) https://hanshuliang.blog.csdn.net/article/details/115112899 博客源码快照
android:icon添加图片,Flutter 本地图片配置和使用,添加启动图和Icon
weixin_30290193的博客
05-27 966
Flutter 本地图片配置和使用,添加启动图和Icon1.配置启动图和Icon在Flutter开发中，Android和iOS对应的图片资源要放到对应的资源文件夹中，有一定的共同点，也有不一样的地方：1.1 iOS图片配置在iOS中，直接在Assets中拖入对应尺寸的Icon和LaunchImage即可，运行效果就不展示了。iOS-Icon配置1.2 Android 图片配置在Android中，也...
【Flutter】加载本地/网络图片
dzt2630849356的博客
12-15 903
1.在AndroidManifest.xml修改配置。
Flutter选择相册图片和拍照示例
03-08
Flutter选择图片和拍照示例，详情请看博客：https://yuzhiqiang.blog.csdn.net/article/details/88345232
flutter开发实战-显示本地图片网络图片及缓存目录图片
一名开发者
07-27 2522
flutter开发实战-显示本地图片网络图片及缓存目录图片在最近开发中碰到了需要显示缓存目录图片，这里顺便整理一下，显示本地图片、网络图片、缓存目录图片的方法。
Flutter 加载本地图片
丿灬安之若死
03-26 317
官网：https://flutterchina.club/assets-and-images/#%E6%8C%87%E5%AE%9A-assets 根目录新建 调用 leading: CircleAvatar( child: Image.asset("images/ic_launcher.png"), ) pubspec.yaml 要配置下
Flutter 获取本地图片并剪切
weixin_30247781的博客
08-04 1447
安装依赖 dependencies: ... image_picker: image_cropper android\app\src\main\AndroidManifest.xml 将UCropActivity添加到AndroidManifest.xml中 <activity android:name="com.yalantis.ucrop.UCropActivit...
flutter本地图片问题
weixin_43466258的博客
03-02 344
解决Flutter Unable to load asset:本地图片问题 下图为我的本地图片 // main.dart class HomeContent extends StatelessWidget { @override Widget build(BuildContext context) { return Center( child: Container( child: Image.asset('images/flower.jpg'), ),
Flutter加载图片
juer2017的博客
03-28 945
Flutter加载图片
Flutter系列 - 引入本地图片
风起云涌的博客
07-28 4277
Flutter系列 - 引入本地图 1. 大致文件结构 ├── image │ ├── myIcon.png │ └── myIcon2.png ├── lib └── pubspec.yaml 2. 步骤 在flutter中引入本地图片, 我们先在项目根目录建立一个images文件夹, 把本地图片资源拖进去 在pubspec.yaml中配置, 特别注意, 一定要注意缩进, 否则无法读取图片路径 flutter: uses-material-design: true assets:
Flutter -------- 加载本地图片资源和网络图片
weixin_30642561的博客
05-14 389
在Flutter加载本地图片资源 在Flutter项目目录下创建文件夹 images ，在文件夹中添加几张图片 指定资源 pubspec.yaml文件中 version: 1.0.0+1 environment: sdk: ">=2.1.0 <3.0.0" -------- flutter: this: assets: - ...
flutter image本地图片不加价
05-28
在 Flutter 中加载本地图片需要使用 `AssetImage` 或 `ExactAssetImage` 类型的 ImageProvider。在使用时，需要将本地图片文件路径传递给 ImageProvider，其中文件路径可以是相对路径或绝对路径，但必须是相对于当前 Flutter 应用程序的根目录。 下面是一个简单的示例代码，演示了如何在 Flutter 中加载本地图片： ```dart import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Local Image Demo', home: Scaffold( appBar: AppBar( title: Text('Flutter Local Image Demo'), ), body: Center( child: Image( image: AssetImage('assets/images/flutter_logo.png'), ), ), ), ); } } ``` 在上面的示例代码中，我们使用 `AssetImage` 类型的 ImageProvider 来加载本地图片，并将图片路径设置为 `assets/images/flutter_logo.png`。需要注意的是，我们需要在 Flutter 应用程序的根目录下创建一个名为 `assets` 的文件夹，并在其中创建一个名为 `images` 的子文件夹，然后将要加载的图片文件放到该子文件夹中。 在运行该示例代码之前，还需要在 Flutter 应用程序的 `pubspec.yaml` 文件中添加以下配置，以便告诉 Flutter 应用程序要加载哪些本地图片： ```yaml flutter: assets: - assets/images/ ``` 这样，我们就可以在 Flutter 应用程序中加载本地图片了。需要注意的是，Flutter 应用程序的根目录可以使用 `Directory.current` 来获取，具体实现可以参考 `path`、`dart:io` 等相关库的使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值