react-native - 使用反应原生组件绘制和显示复杂网络？

Question

我有一个相当大的图形，由大约 50 个节点和 100 个顶点组成，用DOT 图形符号语言表示，我想在使用 React Native 的移动设备上显示它。理想情况下，我希望能够微调布局算法，例如用于力导向图绘制的 Fruchterman-Reingold 算法的参数。

到目前为止，我想出了两种方法：

1. 转换我的输入数据，以便它可以被react-graph-vis消化并动态绘制我的网络。为了调整绘图算法的参数，事情可能会变得很棘手。

2. 使用graphviz在服务器上生成 SVG 图形，在移动设备上只显示 SVG，以便您可以缩放和滚动。为此，我找到了react-native-svg-pan-zoom，其最后一次提交是 2 年前（截至 2019 年 12 月）。这种方法的缺点是它不能离线工作。

我还有哪些其他选择？我是否错过了一些开箱即用的解决方案？任何帮助表示赞赏！

标签： react-nativegraphgraph-algorithmgraphviz