我有一個 list.generate 和一個浮動操作按鈕,
這里我的串列顯示所有交易,但面臨一個問題,當我向下滾動到最后一筆交易時,我看不到交易的右側作為交易卡上的浮動操作按鈕
所以我只有在到達串列底部時才想要更多空間..
這是我的簡單代碼
class ShowTransactionWidget extends StatelessWidget {
final List<Transaction> mylist;
ShowTransactionWidget({required this.mylist});
//Todo add little bit more space while scrolling
@override
Widget build(BuildContext context) {
return Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Padding(
padding: EdgeInsets.only(left: 20, right: 20),
child: Column(
children: List.generate(mylist.length, (index) {
return Column(
children: [
TransactionCard(transaction: mylist[index],),
const Padding(
padding: const EdgeInsets.only(left: 20.0, top: 8.0),
child: Divider(
thickness: 0.9,
),
)
],
);
}),
),
),
],
);
}
}
我附上了一張關于它的圖片
uj5u.com熱心網友回復:
您可以根據最后一個索引在 Column 上添加另一個小部件,例如
children: List.generate(mylist.length, (index) {
return Column(
children: [
.....
if (index == mylist.length - 1)
SizedBox(
height: 20,
),
],
);
}),
基于您的用戶界面。我更喜歡使用ListView.separatedListView 提供padding的 .
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/511548.html
標籤:扑镖列表显示颤振布局
