flutter 插件读取assets资源文件(图片、json)

最新推荐文章于 2024-04-26 15:59:59 发布
VIP文章 最新推荐文章于 2024-04-26 15:59:59 发布
阅读量4.8k 收藏 1
点赞数
文章标签： flutter android studio android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/songyy_/article/details/122036132
版权

一、JSON文件
1、先资源配置在pubspec.yaml中引入文件
在这里插入图片描述
2、访问方式/访问路径写的格式是
访问路径：packages/插件名/资源路径
访问方式:

await rootBundle.loadString("packages/mq_flutter_map/assets/files/city_code.json");

如果在项目文件中引用json文件是不需要前缀的包名的。但是在插件中引用json文件不加前缀是访问不到的，用了很多方法，后来发现图片组件的源码中是这么写的packages/插件名/资源路径，既然导入json文件没有和图片一样有直接可用的方法，那么就直接在路径上加上，就能访问了。

最低0.47元/天 解锁文章
CarrieMore歪
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
flutter-internationalization：使用JSON文件进行Flutter国际化
02-04
Flutter国际化示例 在此示例中，Flutter可以通过使用json文件进行国际化。 这是Flutter的基本国际化示例。 教程中此示例项目。 预习 入门 您可以按照以下说明启动示例国际化应用程序并将其安装到设备上。 先决条件 如果您不熟悉Flutter，请首先遵循指南。 生成和安装Flutter应用 git clone [email protected]:anilcancakir/flutter-internationalization.git\ cd flutter-internationalization\ flutter upgrade\ flutter run\ 使用的语言 土耳
Flutter获取assets中的图像
weixin_33923762的博客
09-18 1534
其实官方文档里有介绍《资源与图像》，但是文档里写的并没有说明assets文件夹存放的路径，在这里说明一下，assets文件夹是和lib文件夹同级的，即 如果想要引用assets文件夹中的路径，需要先在pubspec.yaml文件中添加资源文件的依赖，如下所示： 使用的话只需要执行 new AssetImage('assets/imgs/ic_menu_score.png'), 复制代码代码即可引...
Flutter 从 Assets 中读取 JSON 文件：指南 [2024]
最新发布
前端全栈开发者
04-26 589
在本教程中，我们将探讨如何从 Flutter 项目中的 asset 中读取 JSON 文件。您将找到详细的解释、实际示例和最佳实践，使您的 JSON 文件处理顺利高效。那么，让我们深入了解 Flutter 和 JSON 的世界吧！
Flutter图片视频文件选择插件
01-08
一，自己没事干写了个Flutter插件库。大家可以使用。不好用的地方可以指出。感谢asset_pickers的帮助。 二，依赖 dependencies: flutterpluginwangfei: ^1.10.0 三，使用方法 1. ios下info.list下面添加权限 NSPhotoLibraryAddUsageDescription Do you allow this app to use albums? NSPhotoLibraryUsageDescription This app needs access to your photo album so
基于Android的知乎图片选择Flutter插件库设计源码
04-11
本源码提供了一个基于Android的知乎图片选择Flutter插件库设计。项目包含111个文件，其中包括26个PNG图片、14个Java源文件、11个XML文件、10个Dart文件、6个Gitignore文件、6个Gradle文件、4个Markdown文档、4个Properties文件、2个Metadata文件和2个Plist文件。这个插件库是一个知乎图片选择功能的Flutter插件库，可能包括图片的选择、处理等功能，适合用于Flutter应用中添加知乎图片选择功能。
Flutter入门系列-Flutter读取assets文件并写入应用程序路径
好好学习，天天向上
02-07 8248
一、思考 在Android开发中经常会遇到需要将asset中的文件拷贝到本地目录中，所以Flutter 是否有能够读取 asset 中文件的API呢？rootBundle 就可以解决该问题。 二、代码 flutter: uses-material-design: true assets: - images/lovely_girl.jpg - images/travel_model.json - images/hello.json import 'dart:..
Flutter 读取Excel表格
LHBTM的博客
05-08 1104
Flutter 桌面应用程序读取表格
web—图像与超链接（实验3）
小美灵儿的博客
09-18 3369
根据提供的图像和超链接资源完成图像页面导航设计__实验3 一、题目解析： 网页上面有四张图片，从左到右依次是iPhone、ipad、MacBook、供应商责任，这四张图片依次对应着apple网站的四个对应产品页面。我们要设计一个网页，用户可以点击网页上面的图片，进入相关苹果网页。 二、代码编写： 1、找图片 从网上任意选择4张图片。注意保存位置，代码编写时会用到。 2、按照图片构思网页布局 3、前期准备 为了方便找到图片所在位置，我将图片和代码文件放在一个地方。 4、编写代码 4、注意事项 （1）herf
Flutter 混淆打包以及一些注意事项
zhumj_zhumj的专栏
12-22 1987
简书：https://www.jianshu.com/p/4dd5e5977f36 掘金：https://juejin.cn/post/6909018725593612295
flutter入门实战——文件读取和写入
baorant24的博客
04-22 1105
本文介绍了flutter中如何读取文件内容以及保存内容到文件中。
你必须掌握在Flutter中添加资源文件的方法
08-26
主要介绍了你必须掌握在Flutter中添加资源文件的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
flutter摄像头插件
08-17
flutter摄像头插件，可直接使用。
源码分析Flutter如何加载Android资产目录下文件
_晓明_
03-06 420
该文介绍了Flutter引擎如何访问Android资产目录下的文件。
Flutter 文件读写-path_provider
xiangxiongfly
06-28 2176
- Android和iOS的文件路径是不同的，因此获取不同平台的文件路径需要原生开发的支持。我们可以借助第三方插件完成这部分工作——PathProvider。 - `path_provider`是一个`Flutter`插件，主要作用是提供一种以平台无关一致的方式访问设备的文件系统，比如应用临时目录、文档目录等。而且`path_provider`支持**Android**、**iOS**、**Linux**、**MacOS**、**Windows**。...
Flutter- 在 Flutter 中如何获取本地的 json 文件并解码
qq_27909209的博客
04-27 1016
通过 rootBundle 对象加载：每个 Flutter 应用程序都有一个 rootBundle 对象，通过它可以轻松访问主资源包，直接使用 package:flutter/services.dart 中全局静态的 rootBundle 对象来加载 asset 即可。在 Flutter 中获取本地的 json 文件，博文中提供两种方式。这里先在路径 "assets/config/anime.json" 下新建本地的 json 文件，如下图所示。最终的效果和方式一是一样的，直接上代码。
【Flutter】在 Flutter 中如何获取本地的 json 文件并解码
Code Metaverse
06-14 2062
在 Flutter 中，我们可以使用 dart:convert 库来解码和编码 JSON。
Flutter 解压Android根目录压缩文件，并输出到应用根目录的assets文件夹下，最后合并两个文件夹，并保留原来所有的目录。
qq_35469691的博客
04-13 846
【代码】Flutter 解压Android根目录压缩文件，并输出到应用根目录的assets文件夹下。
Flutter中目录(Directory)和文件(File)常用操作
热门推荐
qq_41097495的博客
05-30 1万+
1. 目录(Directory) 1.1 导入 import 'dart:io'; // Directory所在的包 import 'dart:convert'; // 1.2 创建实例 // 根据路径字符串创建目录对象 Directory dir=new Directory("assets\\files"); // 根据Uri对象创建目录对象 // Directory dir=new Directory.fromUri(Uri(path: "assets")); // 根据Uint8L
flutter 如何使用http插件请求的json数据进行展示
06-08
首先，在Flutter中使用http插件请求json数据需要先在`pubspec.yaml`文件中添加依赖： ```yaml dependencies: http: ^0.12.2 ``` 然后在Dart文件中导入http插件： ```dart import 'package:http/http.dart' as http; ``` 接着，可以使用http插件中的`get()`方法来请求json数据，例如： ```dart Future<List<dynamic>> fetchData() async { final response = await http.get('https://jsonplaceholder.typicode.com/posts'); if (response.statusCode == 200) { return json.decode(response.body); } else { throw Exception('Failed to load data'); } } ``` 这个例子中，我们访问了一个在线的json数据接口，这个接口返回的是一个包含多个文章信息的json数组。在请求成功后，我们使用`json.decode()`方法将json字符串转换为List<dynamic>类型的数据，并返回给调用方。 最后，我们可以在Flutter中使用ListView等组件展示这些数据，例如： ```dart class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter HTTP Demo', home: Scaffold( appBar: AppBar(title: Text('Flutter HTTP Demo')), body: FutureBuilder<List<dynamic>>( future: fetchData(), builder: (context, snapshot) { if (snapshot.hasData) { return ListView.builder( itemCount: snapshot.data.length, itemBuilder: (context, index) { return ListTile( title: Text(snapshot.data[index]['title']), subtitle: Text(snapshot.data[index]['body']), ); }, ); } else if (snapshot.hasError) { return Text("${snapshot.error}"); } return CircularProgressIndicator(); }, ), ), ); } } ``` 这个例子中，我们使用了FutureBuilder来异步构建ListView组件，当请求到数据时，ListView的itemCount就是数据的长度，而每个item则显示了文章的标题和内容。如果请求失败，则显示异常信息。如果请求还在进行中，则显示一个圆形进度条。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值