当前位置: 首页 > news >正文

flutter鸿蒙版本数据处理常用总集

写在前面

本地访问json

1. 确保文件路径正确

示例目录

确保文件 one.json 实际上位于项目的 assets/json/ 目录中。项目结构应该类似于:

your_flutter_project/
│
├── assets/
│   └── json/
│       └── one.json
│
├── lib/
│   └── main.dart
│
└── pubspec.yaml

2. 更新pubspec.yaml

确保在pubspec.yaml中注册资产的路径。请检查以下内容:

确保pubspec.yaml文件的缩进是正确的(YAML文件对缩进非常敏感)。也要确保没有多余的空格和其他格式错误。        

flutter:assets:- assets/json/one.json

3. 正确加载JSON文件 

在现有的代码中,loadString是一个异步方法,因此应该使用asyncawait来加载文件。以下是更新后的代码:

import 'dart:convert';  // 添加这一行以便使用 json.decode
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';void main() {runApp(MyApp());
}class MyApp extends StatelessWidget {@overrideWidget build(BuildContext context) {return MaterialApp(title: 'Flutter Bottom Navigation',theme: ThemeData(primarySwatch: Colors.blue,),home: HomePage(),);}
}class HomePage extends StatefulWidget {@override_HomePageState createState() => _HomePageState();
}class _HomePageState extends State<HomePage> {String jsonResponse = '';@overridevoid initState() {super.initState();loadJsonData();}Future<void> loadJsonData() async {try {// 使用await加载JSON数据final String response = await rootBundle.loadString('assets/json/one.json');setState(() {jsonResponse = response;  // 将加载的JSON数据保存到变量中});print(jsonResponse);  // 输出JSON内容} catch (e) {print("Error loading JSON: $e");}}@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text('Flutter Bottom Navigation'),),body: Container(child: Text(jsonResponse.isNotEmpty ? jsonResponse : "Loading..."),),);}
}

JSON转Map

在 Flutter 中,可以使用 dart:convert 库中的 jsonDecode 方法将 JSON 字符串转换为 Map。

示例代码

import 'dart:convert';
void main() {// JSON 字符串String jsonString = '{"name": "John", "age": 30}';// JSON 转换为 MapMap<String, dynamic> userMap = jsonDecode(jsonString);// 打印结果print(userMap); // 输出: {name: John, age: 30}
}

在上面的示例中,我们定义了一个 JSON 字符串,并使用 jsonDecode 方法将其转换为 Map。输出结果是一个包含键值对的 Map。

Map转JSON

要将 Map 转换为 JSON 字符串,我们同样可以使用 dart:convert 库中的 jsonEncode 方法。

示例代码

import 'dart:convert';
void main() {// 定义一个 MapMap<String, dynamic> userMap = {'name': 'John','age': 30};// Map 转换为 JSONString jsonString = jsonEncode(userMap);//打印结果print(jsonString); // 输出: {"name":"John","age":30}
}

在此示例中,我们创建了一个 Map,然后使用 jsonEncode 将其转换为 JSON 字符串。输出是有效的 JSON 格式。

JSON转对象

要将 JSON 字符串转换为 Dart 对象,我们需要定义一个类,并在类中实现一个工厂构造函数,以便从 Map 创建对象。

示例代码

import 'dart:convert';
// 定义 User 类
class User {final String name;final int age;User({required this.name, required this.age});// 从 Map 创建 User 对象factory User.fromJson(Map<String, dynamic> json) {return User(name: json['name'],age: json['age'],);}
}
void main() {// JSON 字符串String jsonString = '{"name": "John", "age": 30}';// 将 JSON 字符串转换为 MapMap<String, dynamic> userMap = jsonDecode(jsonString);// 创建 User 对象User user = User.fromJson(userMap);// 打印结果print('Name: ${user.name}, Age: ${user.age}'); // 输出: Name: John, Age: 30
}

在这个例子中,我们定义了一个 User 类,并实现了 fromJson 工厂构造函数。我们首先将 JSON 字符串转换为 Map,然后使用 User.fromJson 方法创建 User 对象。

对象转JSON

要将 Dart 对象转换为 JSON 字符串,我们需要在类中实现一个方法,将对象的属性转换为 Map,然后使用 jsonEncode 方法进行编码。

示例代码

import 'dart:convert';
// 定义 User 类
class User {final String name;final int age;User({required this.name, required this.age});// 将 User 对象转换为 MapMap<String, dynamic> toJson() {return {'name': name,'age': age,};}
}
void main() {// 创建 User 对象User user = User(name: 'John', age: 30);// 将 User 对象转换为 JSON 字符串String jsonString = jsonEncode(user.toJson());// 打印结果print(jsonString); // 输出: {"name":"John","age":30}
}

在这个示例中,我们定义了 toJson 方法,它将 User 对象的属性转换为 Map。然后,我们使用 jsonEncode 将 Map 转换为 JSON 字符串。

写在最后

在 Flutter 中,处理 JSON、Map 和 Dart 对象之间的转换是非常重要的技能。通过使用 dart:convert 库中的 jsonDecodejsonEncode 方法,我们可以轻松实现 JSON 和 Map 之间的转换,以及 JSON 和 Dart 对象之间的转换。掌握这些基本操作将使你能够更高效地处理应用程序中的数据。

希望这篇博客能帮助你更好地理解 Flutter 中的 JSON 处理方法!


http://www.mrgr.cn/news/48279.html

相关文章:

  • 机器人路径规划和避障算法matlab仿真,分别对比贪婪搜索,最安全距离,RPM以及RRT四种算法
  • HTML 图像标签使用陷阱
  • 安卓native层抓trace
  • windows环境下pytorch安装踩坑
  • 大厂 Java 架构师面试题全解析
  • 解析在OceanBase创建分区的常见问题|OceanBase 用户问题精粹
  • Spring Boot集成Redis
  • 生成式人工智能助长更复杂的网络攻击
  • BlackMarket_ 1靶机渗透
  • 5.1串口DMA与接收不定长数据
  • 港股\美股\A股实时行情接入示例,WebSocket协议推送
  • C++常用库函数
  • 学习之高阶编程的内置函数
  • Python和C++及MATLAB低温磁态机器学习模型
  • JavaEE: 深入解析HTTP协议的奥秘(3)
  • 设计模式——工厂方法模式(2)抽象工厂模式(3)
  • 前端面试题“请说说你对 TS 中装饰器的理解“
  • 《标题的力量:在计算机科学中的多元应用》
  • Python从入门到高手6.2节-字符串操作符详解
  • 前端_003_js扫盲
  • 同步和异步的区别
  • 最大二进制奇数 。
  • 定位、地图建立及管理合集
  • 初级学习:Python实现AI并搭建
  • 低代码工单管理app评测,功能与效率解析
  • python各版本新特性简单梳理