advanced_graphview

Description:

advanced graphview

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,
});
}
copied to clipboard
Additional information #
For additional information contact us at [email protected] or [email protected]. We welcome more contributors on this project.