Flutter【03】图片输出package依赖关系

2024-09-02 15:12

本文主要是介绍Flutter【03】图片输出package依赖关系,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

环境准备

安装 graphviz

arch -arm64 brew install graphviz

项目根目录pubspec.yaml文件内添加

dev_dependencies:
yaml: ^3.1.1
gviz: ^0.4.0

执行脚本

项目根目录下添加dart文件,运行main函数

import 'dart:io';
import 'dart:convert';
import 'package:yaml/yaml.dart' as yaml;
import 'package:gviz/gviz.dart';void main() async {final projectPath = await _getProjectPath();final file = File('$projectPath/pubspec.yaml');final fileContent = file.readAsStringSync();final yamlMap = yaml.loadYaml(fileContent) as yaml.YamlMap;final appName = yamlMap['name'].toString();print('开始 ...');final dependencyContent = await _getComponentDependencyTree(projectPath: projectPath,);print('... 开始遍历组件依赖节点');print(dependencyContent);final dependencyNodes = _traversalComponentDependencyTree(dependencyContent);print('... 完成遍历组件依赖节点');final graph = Gviz(name: appName,graphProperties: {'pad': '0.5','nodesep': '1','ranksep': '2',},edgeProperties: {'fontcolor': 'gray',},);print('... 开始转换 dot 节点');_generateDotByNodes(dependencyNodes,graph: graph,edgeCache: <String>[],);print('... 完成转换 dot 节点');final dotDirectoryPath = '$projectPath/dotGenerateDir';final dotDirectory = Directory(dotDirectoryPath);if (!dotDirectory.existsSync()) {await dotDirectory.create();print('... 创建 dotGenerate 文件夹');}final dotFileName = '$appName.dot';final dotPngName = '$appName.png';final dotFile = File('$dotDirectoryPath/$dotFileName');final dotPngFile = File('$dotDirectoryPath/$dotPngName');if (dotFile.existsSync()) {await dotFile.delete();print('... 删除原有 dot 生成文件');}if (dotPngFile.existsSync()) {await dotPngFile.delete();print('... 删除原有 dot 依赖关系图');}await dotFile.create();final dotResult = await dotFile.writeAsString(graph.toString());print('dot 文件生成成功: ${dotResult.path}');print('... 开始生成 dot png');await _runCommand(executable: 'dot',projectPath: projectPath,commandArgs: ['$dotDirectoryPath/$dotFileName','-T','png','-o','$dotDirectoryPath/$dotPngName'],);print('png 文件生成成功:$dotDirectoryPath/$dotPngName');await Process.run('open',[dotDirectoryPath],);
}const List<String> ignoreDependency = <String>['flutter','flutter_test','flutter_lints','cupertino_icons','gviz','yaml','injectable_generator','build_runner',
];Future<String> _getComponentDependencyTree({required String projectPath,
}) {return _runCommand(projectPath: projectPath,commandArgs: ['pub', 'deps', '--json'],).then((value) {if (value.contains('dependencies:') &&value.contains('dev dependencies:')) {final start = value.indexOf('dependencies:');final end = value.indexOf('dev dependencies:');return value.substring(start, end);} else {return value;}},);
}List<DependencyNode> _traversalComponentDependencyTree(String dependencyContent) {final dependencyJson = jsonDecode(dependencyContent) as Map<String, dynamic>;final packages = dependencyJson['packages'] as List<dynamic>;final nodeMap = <String, DependencyNode>{};for (var package in packages) {final node = DependencyNode.fromMap(package);nodeMap[node.name] = node;}final rootNode = nodeMap.values.firstWhere((element) => element.isRootNode);void mapDependencies(DependencyNode node, Set<String> visitedNodes) {if (visitedNodes.contains(node.name)) {return;}visitedNodes.add(node.name);for (final itemName in node.dependencies) {if (!ignoreDependency.contains(itemName)) {final itemNode = nodeMap[itemName];if (itemNode != null) {mapDependencies(itemNode, visitedNodes);node.children.add(itemNode);itemNode.isLevel1Node = false;}}}}final visitedNodes = <String>{};mapDependencies(rootNode, visitedNodes);// 使用新的 rebuildDependencyTree 函数来创建一个没有重复依赖的新树DependencyNode newRootNode = rebuildDependencyTree(rootNode, Set<String>());return [newRootNode];
}
DependencyNode rebuildDependencyTree(DependencyNode originalNode, Set<String> seenDependencies) {// 创建一个新的节点,复制原始节点的属性DependencyNode newNode = DependencyNode(name: originalNode.name,version: originalNode.version,kind: originalNode.kind,source: originalNode.source,dependencies: originalNode.dependencies,);newNode.isLevel1Node = originalNode.isLevel1Node;// 如果这个节点已经被处理过,直接返回新节点(没有子节点)if (seenDependencies.contains(newNode.name)) {return newNode;}// 将这个节点添加到已处理集合中seenDependencies.add(newNode.name);// 处理子节点for (var childNode in originalNode.children) {if (!ignoreDependency.contains(childNode.name)) {var newChildNode = rebuildDependencyTree(childNode, seenDependencies);newNode.children.add(newChildNode);}}return newNode;
}
Future<String> _getProjectPath() async {final originProjectPath = await Process.run('pwd',[],);final projectPath = (originProjectPath.stdout as String).replaceAll('\n','',);return projectPath;
}void _generateDotByNodes(List<DependencyNode> nodes, {required Gviz graph,required List<String> edgeCache,}) {if (nodes.isEmpty) {return;}for (int index = 0; index < nodes.length; index++) {final itemNode = nodes[index];final from = '${itemNode.name}\n${itemNode.version}';if (!graph.nodeExists(from)) {graph.addNode(from,properties: {'color': 'black','shape': 'rectangle','margin': '1,0.8','penwidth': '7','style': 'filled','fillcolor': 'gray','fontsize': itemNode.isLevel1Node ? '60' : '55',},);}final toArr = itemNode.children.map((e) => '${e.name}\n${e.version}').toList();for (var element in toArr) {final edgeKey = '$from-$element';if (!edgeCache.contains(edgeKey)) {graph.addEdge(from,element,properties: {'penwidth': '2','style': 'dashed','arrowed': 'vee',},);edgeCache.add(edgeKey);}}_generateDotByNodes(itemNode.children,graph: graph,edgeCache: edgeCache,);}
}Future<String> _runCommand({String executable = 'flutter',required String projectPath,required List<String> commandArgs,
}) {return Process.run(executable,commandArgs,runInShell: true,workingDirectory: projectPath,).then((result) => result.stdout as String);
}class DependencyNode {final String name;final String version;final String kind;final String source;final List<String> dependencies;final children = <DependencyNode>[];bool isLevel1Node = true;factory DependencyNode.fromMap(Map<String, dynamic> map) {return DependencyNode(name: map['name'] as String,version: map['version'] as String,kind: map['kind'] as String,source: map['source'] as String,dependencies: (map['dependencies'] as List<dynamic>).map((e) => e as String).toList(),);}bool get isRootNode => kind == 'root';bool operator ==(Object other) =>identical(this, other) ||other is DependencyNode &&runtimeType == other.runtimeType &&name == other.name;int get hashCode => name.hashCode;DependencyNode({required this.name,required this.version,required this.kind,required this.source,required this.dependencies,});
}

输出示例


这篇关于Flutter【03】图片输出package依赖关系的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1130305

相关文章

Tomcat版本与Java版本的关系及说明

《Tomcat版本与Java版本的关系及说明》:本文主要介绍Tomcat版本与Java版本的关系及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Tomcat版本与Java版本的关系Tomcat历史版本对应的Java版本Tomcat支持哪些版本的pythonJ

Flutter打包APK的几种方式小结

《Flutter打包APK的几种方式小结》Flutter打包不同于RN,Flutter可以在AndroidStudio里编写Flutter代码并最终打包为APK,本篇主要阐述涉及到的几种打包方式,通... 目录前言1. android原生打包APK方式2. Flutter通过原生工程打包方式3. Futte

基于Python开发批量提取Excel图片的小工具

《基于Python开发批量提取Excel图片的小工具》这篇文章主要为大家详细介绍了如何使用Python中的openpyxl库开发一个小工具,可以实现批量提取Excel图片,有需要的小伙伴可以参考一下... 目前有一个需求,就是批量读取当前目录下所有文件夹里的Excel文件,去获取出Excel文件中的图片,并

Java实现数据库图片上传与存储功能

《Java实现数据库图片上传与存储功能》在现代的Web开发中,上传图片并将其存储在数据库中是常见的需求之一,本文将介绍如何通过Java实现图片上传,存储到数据库的完整过程,希望对大家有所帮助... 目录1. 项目结构2. 数据库表设计3. 实现图片上传功能3.1 文件上传控制器3.2 图片上传服务4. 实现

python多种数据类型输出为Excel文件

《python多种数据类型输出为Excel文件》本文主要介绍了将Python中的列表、元组、字典和集合等数据类型输出到Excel文件中,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参... 目录一.列表List二.字典dict三.集合set四.元组tuplepython中的列表、元组、字典

Java实现数据库图片上传功能详解

《Java实现数据库图片上传功能详解》这篇文章主要为大家详细介绍了如何使用Java实现数据库图片上传功能,包含从数据库拿图片传递前端渲染,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1、前言2、数据库搭建&nbsChina编程p; 3、后端实现将图片存储进数据库4、后端实现从数据库取出图片给前端5、前端拿到

Python依赖库的几种离线安装方法总结

《Python依赖库的几种离线安装方法总结》:本文主要介绍如何在Python中使用pip工具进行依赖库的安装和管理,包括如何导出和导入依赖包列表、如何下载和安装单个或多个库包及其依赖,以及如何指定... 目录前言一、如何copy一个python环境二、如何下载一个包及其依赖并安装三、如何导出requirem

Flutter监听当前页面可见与隐藏状态的代码详解

《Flutter监听当前页面可见与隐藏状态的代码详解》文章介绍了如何在Flutter中使用路由观察者来监听应用进入前台或后台状态以及页面的显示和隐藏,并通过代码示例讲解的非常详细,需要的朋友可以参考下... flutter 可以监听 app 进入前台还是后台状态,也可以监听当http://www.cppcn

Python使用PIL库将PNG图片转换为ICO图标的示例代码

《Python使用PIL库将PNG图片转换为ICO图标的示例代码》在软件开发和网站设计中,ICO图标是一种常用的图像格式,特别适用于应用程序图标、网页收藏夹图标等场景,本文将介绍如何使用Python的... 目录引言准备工作代码解析实践操作结果展示结语引言在软件开发和网站设计中,ICO图标是一种常用的图像

Spring AI集成DeepSeek实现流式输出的操作方法

《SpringAI集成DeepSeek实现流式输出的操作方法》本文介绍了如何在SpringBoot中使用Sse(Server-SentEvents)技术实现流式输出,后端使用SpringMVC中的S... 目录一、后端代码二、前端代码三、运行项目小天有话说题外话参考资料前面一篇文章我们实现了《Spring