我最近學習了 Flutter 和 Dart，并試圖創建一個包含三個部分的模態應用程式：頁眉、實際內容和頁腳。
對于標題，我希望添加一個標題 ( Text) 居中對齊和一個關閉按鈕右對齊。
我有以下代碼：
Column(
children: [
Row(
children: [
Expanded(
child: Text(
"Filters",
style: const TextStyle(
fontSize: 25,
fontWeight: FontWeight.bold,
),
textAlign: TextAlign.center,
),
),
IconButton(
icon: const Icon(Icons.close),
onPressed: () {
Navigator.pop(context);
},
),
],
),
],
),
)
在視覺上，這看起來像這樣：
乍一看，這看起來不錯，但如果你盯著它看一會兒，它就不會了。“過濾器”標題實際上并未居中，因為（我假設）X 按鈕的寬度。我正在努力弄清楚如何處理這個問題。
解決這個問題的正確方法是什么？
uj5u.com熱心網友回復：
您可以盡可能多地添加空SizedBox，試試這個：widthIconButton
Row(
children: [
SizedBox(
width: width: 24
8
8, // the default size of icon two default horizontal padding for IconButton
),
Expanded(
child: Text(
"Filters",
style: const TextStyle(
fontSize: 25,
fontWeight: FontWeight.bold,
),
textAlign: TextAlign.center,
),
),
IconButton(
icon: const Icon(Icons.close),
onPressed: () {
Navigator.pop(context);
},
),
],
),
或者您可以添加其他IconButton隱藏opacity 0按鈕并使標題居中，如下所示：
Row(
children: [
Opacity(
opacity: 0,
child: IconButton(
icon: const Icon(Icons.close),
onPressed: () {},
),
),
Expanded(
child: Text(
"Filters",
style: const TextStyle(
fontSize: 25,
fontWeight: FontWeight.bold,
),
textAlign: TextAlign.center,
),
),
IconButton(
icon: const Icon(Icons.close),
onPressed: () {
Navigator.pop(context);
},
),
],
),
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/515993.html
標籤：扑镖颤振布局