我想在按下按鈕時創建小部件

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 新小部件正確，如果您已將其添加到列中間的某個位置，那么它將向下推其下方的其他小部件。