我想在按下按钮时创建小部件

Question

当我按下 IconButton 时如何创建小部件我尝试了一些东西但它不起作用。如果你知道并帮助我，我会很高兴。

Container(
      color: Colors.redAccent,
      height: commonHeight / 12,
      width: commonWidth * 10 / 100,
      child: IconButton(
        highlightColor: Colors.yellow,
        icon: Icon(Icons.add_sharp),
        iconSize: 25,
        onPressed: () {
        print('Something');
                  },
                ),
              ),
            ],
          ),

Answer 1

首先创建一个 bool 变量（假设您将其命名为 isWidgetVisisble），它将控制小部件的可见性。 然后在您的小部件树中，您可以添加如下条件语句：

isWidgetVisible ? YourWidget() : Container();

这条线的意思很简单，如果你的 isWidget Visible 为真，小部件将被显示，否则它将显示一个高度和宽度为 0 的空容器。

然后在您的 onPressed function 中，您可以调用 setState 将切换 boolean 变量，它将是这样的：

onPressed: () {
       setState((){
       isWidgetVisible = true;
  });
},

还要确保 position 新小部件正确，如果您已将其添加到列中间的某个位置，那么它将向下推其下方的其他小部件。