我正在做一個顫振專案，我有一個TextField和ElevatedButton.icon一個Row。的高度TextField高于ElevatedButton.icon如圖所示
我想讓按鈕的高度與TextField. 我已經嘗試過CrossAxisAlignment.stretch，但它會將整個螢屏擴展Row到整個螢屏。我也嘗試過FittedBox，但結果并不令人滿意。我的行代碼如下。
Row(
children: [
const Expanded(
child: TextField(
decoration: InputDecoration(
filled: true,
labelText: "Enter To Do Task title"),
)),
ElevatedButton.icon(
onPressed: () {},
icon: const Icon(Icons.add),
label: const Padding(
padding: EdgeInsets.all(8.0),
child: Text("Add Task"),
),
style:
ElevatedButton.styleFrom(shape: const StadiumBorder()),
)
],
);
uj5u.com熱心網友回復：
您只需要增加頂部和底部填充：
Row(
children: [
const Expanded(
child: TextField(
decoration: InputDecoration(
filled: true,
labelText: "Enter To Do Task title"),
)),
ElevatedButton.icon(
onPressed: () {},
icon: const Icon(Icons.add),
label: const Padding(
padding: EdgeInsets.only(top: 17.0, bottom: 17.0, left: 8.0, right: 8.0), // here
child: Text("Add Task"),
),
style:
ElevatedButton.styleFrom(shape: const StadiumBorder()),
)
],
);
uj5u.com熱心網友回復：
首先我很抱歉我理解錯誤的情況。這是我編輯的答案。您應該在 InputDecoration 中使用 contentPadding
Row(
children: [
Expanded(
child: Container(
height: MediaQuery.of(context).size.height * 0.15,
child: TextFormField(
decoration: InputDecoration(
contentPadding:
const EdgeInsets.symmetric(vertical: 40.0),
filled: true,
labelText: "Enter To Do Task title"),
)),
),
SizedBox(
height: MediaQuery.of(context).size.height * 0.15,
child: ElevatedButton.icon(
onPressed: () {},
icon: const Icon(Icons.add),
label: const Padding(
padding: EdgeInsets.all(8.0),
child: Text("Add Task"),
),
style: ElevatedButton.styleFrom(shape: const StadiumBorder()),
),
)
],
),
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/445206.html
上一篇：在串列視圖中的容器之間添加空間