示例

先來看一個例子：假設我們要做一個表單，左邊是提示文字，右邊是輸入框

給出代碼：

Row(
      crossAxisAlignment: CrossAxisAlignment.center,
      children: [
        Text(
          "$labelName",
          style: TextStyle(
            fontSize: 16,
            fontWeight: FontWeight.bold,
          ),
        ),
        Expanded(
          child: TextField(
            obscureText: true,
            style: TextStyle(
              fontSize: 16,
            ),
            decoration: InputDecoration(
              border: OutlineInputBorder(),
              hintText: "$hintText",
            ),
          ),
        )
      ],
    )

可以看到 輸入框的高度顯然有點太高了 ??

問題解決

為 TextField 的 InputDecoration 填加 isDense 屬性：

...
decoration: InputDecoration(
  contentPadding: EdgeInsets.symmetric(horizontal: 10, vertical: 10),
  border: OutlineInputBorder(),
  hintText: "$hintText",
  isDense: true,
),
...

完成后就可以通過調節 contentPadding 的大小來設置輸入框的內邊距了 ??