如何在Flutter中制作视觉技能树？

Question

我有兴趣制作一个用户可以在其中查看技能树并与之交互的UI。例如，通过点击一项技能，他将能够看到解锁了哪些其他技能。

[基本上，树中的每个技能都是一个按钮。按下该按钮将更改树的外观。

我一直在搜索，但没有找到可行的方法来做到这一点。建议使用哪些小部件或使我能够这样做的软件包？类似于下面的模型中的图形：

更新：我想补充一点，我对移动框不感兴趣，而只是在先前的框用橙色圆圈标记时更改箭头的颜色。

Answer 1

很长的路要编码所有可能的订单

但是您也可以使用键来尝试更改小部件的顺序检查一下：https://medium.com/flutter/keys-what-are-they-good-for-13cb51742e7d

第三种选择是看这个包装：https://pub.dev/packages/reorderables