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

Question

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

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

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

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

Answer 1

很长的路要走，就是对所有可能的订单进行编码

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

第三个选择是查看此软件包： https://pub.dev/packages/reorderables