Advanced Graphview enables user to create Tree, Graph, Topology Ui with simple Setup.
Advanced Graphview can create Tree, Graph, Topology Ui with simple Setup..
Add the package in pubspec.yaml and then use the widget AdvancedGraphview.
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,
});
}
For additional information contact us at nikhilishwar2@gmail.com or sharathkkotian@gmail.com. We welcome more contributors on this project.