advanced_graphview

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

Advanced Graphview 是一个 Flutter 包，旨在简化交互式树状图、图表和拓扑可视化创建。通过最少的设置，开发者可以展示网络拓扑、组织结构图或依赖关系图等复杂数据流。该包支持 Android、iOS、Web、macOS、Windows 和 Linux 多个平台，非常适合需要动态显示互联数据的跨平台应用。

适合场景

网络拓扑可视化
组织结构图显示
依赖关系流程图
数据关系映射
系统架构的交互式用户界面

主要特点

复杂布局的简单配置
对树和图结构的支持
跨平台兼容性
可自定义的节点和边样式
交互式节点操作

适合对象

开发数据可视化应用的开发者
创建系统架构仪表板的团队
带有流程图的教育工具
需要动态图表渲染的应用程序

使用建议

对于大型数据集，可能需要性能优化
有限的内置动画功能
自定义样式需要熟悉 Flutter widget
不适用于实时协作编辑

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

Advanced Graphview enables user to create Tree, Graph, Topology Ui with simple Setup.

Features

Advanced Graphview can create Tree, Graph, Topology Ui with simple Setup..

Getting started

Add the package in pubspec.yaml and then use the widget AdvancedGraphview.

Usage

Widget exampleWidget(){
  TestGraphNode getExampleNode() {
    return TestGraphNode(
      id: '1',
      value: "Advanced Graphview",
      graphNodes: [
      ],
    );
  }
  
 return AdvancedGraphview(
    nodePadding: 50,
    nodeSize: 200,
    isDebug: false,
    graphNode: getExampleNode(),
    backgroundColor: Colors.black,
    pixelRatio: 10,
    onNodeTap: (graphNode) {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(
        content: Text("Tap Event detected ${graphNode.id}"),
      ));
    },
    advancedGraphviewController: advancedGraphviewController,
    onDrawLine: (lineFrom, lineTwo) {
      return Paint()
        ..color = Colors.blue
        ..strokeWidth = 1;
    },
    builder: (GraphNode graphNode) {
      return Container(
        width: 200,
        height: 200,
        child: const Center(
          child: Text("Hello"),
        ),
      );
    },
  );
}

class TestGraphNode extends GraphNode {
  @override
  final String id;

  final String value;

  @override
  final List<GraphNode> graphNodes;
  TestGraphNode({
    required this.id,
    required this.graphNodes,
    required this.value,
  });
}

Additional information

For additional information contact us at nikhilishwar2@gmail.com or sharathkkotian@gmail.com. We welcome more contributors on this project.

搜索插件、代码仓与 APP 分类

安装插件