Dart/颤振:按一下按钮调整小部件的大小

Question

我想实现一个仪表板，它有两个小部件:一个菜单面板和一个显示信息的面板。

​

我还希望，如果您单击左上角按钮，面板将崩溃，信息面板将是屏幕宽度的100%。

如何在单击按钮时调整小部件的大小？

Answer 1

用一个AnimatedContainer包你的侧边栏。然后，将容器上的width属性设置为width: isExpanded ? 200 : 0，其中isExpanded是指定是否应该展开侧边栏的bool，而200是您希望侧边栏展开时的width。

若要切换要展开或不展开的侧栏，只需调用以下命令：

setState(() { isExpanded = !isExpanded; });