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

Question

我对创建一个用户界面感兴趣，用户可以在其中看到一个技能树并与之交互。例如，通过在一种技能上进行录音，他将能够看到哪些其他技能是未锁定的。

基本上，树中的每一个技能都是一个按钮。按下这个按钮会改变树的样子。

我一直在寻找，但没有找到可行的方法来做这件事。推荐哪些小部件或包，使我能够做到这一点？类似于下面模型中的图表：

​

​

更新:我想补充的是，我对移动该框不感兴趣，只是在前面的框是带有橙色圆圈的标记时更改箭头的颜色。

Answer 1

一条很长的路就是编码所有可能的订单。

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

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