单击图像中存在的非语言按钮时，我想在代码下方的空间中显示 4 行 4 列的菜单，我该怎么做？答案

【问题标题】：On click of non-verbal button present in the image I want to display menu with 4 rows and 4 column in the space below the code how can I do that?单击图像中存在的非语言按钮时，我想在代码下方的空间中显示 4 行 4 列的菜单，我该怎么做？
【发布时间】：2020-03-20 17:25:09
【问题描述】：

Image shows a screen that returns a SingleChildScrollView.

结构看起来像 SingleChildScrollView

  -Column
      -new Card
      -new Card
      -new Card
         -Row
      -new Card
         -new RaisedButton(Noise)
         -new RaisedButton(SkipJob)
         -new RaisedButton(Non-verbal) -----------> *(this-button)

*(this-button) 单击此按钮时，我希望小部件具有一定的高度，适合 4 行 4 列的框架，就像计算器一样。

【问题讨论】：

标签： user-interface flutter dart flutter-layout

【解决方案1】：

你可以试试这样的。

Column(
 children:[
          Row(children:[Text('1'),Text('2'),Text('3'),Text('4'),],),
          Row(children:[Text('5'),Text('6'),Text('7'),Text('8'),],),
          Row(children:[Text('9'),Text('10'),Text('11'),Text('12'),],),
          Row(children:[Text('13'),Text('14'),Text('15'),Text('16'),],),
          ],),

可以将Column 包装在Expanded 小部件中以占用剩余空间。

【讨论】：