我想把我的按鈕放在那里，我把它放在一個列里。我試圖包裹一個 Align 小部件，但這個問題解決了（見圖）。它對我來說是一個巨大的盒裝，然后是一個帶有 AxisAligment 端的行，但這是硬編碼的，不依賴于媒體查詢或。我需要將這個圖示按鈕粘貼在我的 ClipPath 角落的東西。
代碼：
child: ClipPath(
clipper: RoundedDiagonalPathClipper(),
...
child: Transform.scale(
...
child: Container(
...
child: Form(
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Column(
children: [
...
Align(
alignment: Alignment.bottomRight,
child: IconButton(
onPressed: () {
controllerV.nextPage(duration: Duration(milliseconds: 750), curve: Curves.easeIn);
},
icon: Icon(Icons.expand_circle_down)),
),
uj5u.com熱心網友回復：
您可以使用 Spacer() 小部件。就像下面一樣
ClipPath(
clipper: RoundedDiagonalPathClipper(),
...
child: Transform.scale(
...
child: Container(
...
child: Form(
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Column(
children: [
...
Spacer(),
Align(
alignment: Alignment.bottomRight,
child: IconButton(
onPressed: () {
controllerV.nextPage(duration: Duration(milliseconds: 750), curve: Curves.easeIn);
},
icon: Icon(Icons.expand_circle_down)),
),
或者您可以為容器指定高度。你的代碼會作業
uj5u.com熱心網友回復：
你可以用這個作為例子：
Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.center,
children[
Expanded(
SingleChildScrollView(
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.center,
children[]))),
Row(
mainAxisAlignment: MainAxisAlignment.end,
crossAxisAlignment: CrossAxisAlignment.center,
children[]),
],
)
只需將您的頂部組件放在展開的列中，然后將按鈕放在展開的組件下方的行中，這將導致您想要的設計。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/515979.html
標籤：扑镖用户界面前端
上一篇：FlutterDropdownButton不允許我從下拉串列中選擇不同的值
下一篇：預期型別為“Map<String,String?>”的值，但在升級到null安全性后在顫振中得到了型別為“Null”的值之一