NodeFlowViewer<T, C> class

A simplified viewer for node flow graphs.

This widget provides a read-only view of a node flow graph. It is a wrapper around NodeFlowEditor configured with NodeFlowBehavior.preview, which allows navigation (pan, zoom, select, drag) but prevents structural changes (create, update, delete).

For full editing capabilities, use NodeFlowEditor with NodeFlowBehavior.design.

For a completely non-interactive display, use NodeFlowEditor with NodeFlowBehavior.present.

Example:

NodeFlowViewer<MyData>(
  controller: controller,
  theme: NodeFlowTheme.light,
  nodeBuilder: (context, node) {
    return Text(node.data.toString());
  },
  onNodeTap: (node) {
    print('Tapped: ${node?.id}');
  },
)

For convenience, you can also use NodeFlowViewer.withData to create a viewer with pre-loaded data:

NodeFlowViewer.withData<MyData>(
  theme: NodeFlowTheme.light,
  nodeBuilder: (context, node) => MyNodeWidget(node: node),
  nodes: myNodesMap,
  connections: myConnectionsList,
)