TextButton減小孩子的大小？-有解無憂

我已經實作了一個水平填充為 16px 的列，并且一個子容器是其中一個子容器。但是，我希望整個容器都可以點擊，所以用 TextButton 包裝它，結果它的寬度有所縮小，我能做些什么來將它恢復到原始狀態，同時將整個容器保持為按鈕？

以下是相關小部件的代碼：

Padding(
            padding: const EdgeInsets.symmetric(horizontal: 16.0),
            child: Column(
              children: [
                Row(
                  children: [
                    Text("Add an item",
                        style: TextStyle(
                            color: Colors.black,
                            fontSize: 34,
                            fontWeight: FontWeight.w700,
                            letterSpacing: -1.5)),
                    Expanded(child: SizedBox(width: 1))
                  ],
                ),
                SizedBox(height: 16),
                TextButton(
                  child: Container(
                    width: double.infinity,
                    height: 460,
                    decoration: BoxDecoration(color: Colors.white),
                    child: Column(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        Icon(
                          Icons.image_rounded,
                          color: Colors.grey.shade200,
                        ),
                      ],
                    ),
                  ),
                  onPressed: () {},
                )
              ],
            ),
          )

TextButton 減小孩子的大小？

uj5u.com熱心網友回復：

將 TextButton 替換為 GestureDetector，例如：

 Padding(
            padding: const EdgeInsets.symmetric(horizontal: 16.0),
            child: Column(
              children: [
                Row(
                  children: [
                    Text("Add an item",
                        style: TextStyle(
                            color: Colors.black,
                            fontSize: 34,
                            fontWeight: FontWeight.w700,
                            letterSpacing: -1.5)),
                    Expanded(child: SizedBox(width: 1))
                  ],
                ),
                SizedBox(height: 16),
                GestureDetector(
                  child: Container(
                    width: double.infinity,
                    height: 460,
                    decoration: BoxDecoration(color: Colors.white),
                    child: Column(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        Icon(
                          Icons.image_rounded,
                          color: Colors.grey.shade200,
                        ),
                      ],
                    ),
                  ),
                  onTap:(){}
                )
              ],
            ),
          )

它看起來像：

TextButton 減小孩子的大小？

轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/439870.html

標籤：扑颤振布局

上一篇：顫動||編輯或洗掉WebView的彈出視窗

下一篇：這些在Flutter中使用GetX初始化值的方式有區別嗎？