flutter ListView - 如何同时左右对齐?
flutter ListView - How do I align left and right at the same time?
我有一个项目列表视图。我想在左边放一个名字,在右边放一个值。无法找到一种方法来做到这一点,使它们都与边缘对齐:
...
ListView(
shrinkWrap: true,
padding: EdgeInsets.all(15.0),
children: <Widget>[
Text(
'Asset 0 <- -> Balance',
style: TextStyle(
fontSize: 18.0,
color: Colors.grey[850],
),
),
Text(
'Asset 1 <- -> Balance',
style: TextStyle(
fontSize: 18.0,
color: Colors.grey[850],
),
),
Text(
'Asset 2 <- -> Balance',
style: TextStyle(
fontSize: 18.0,
color: Colors.grey[850],
),
),
]
),
...
(我要右边的余额,左边的资产名称)
是否有专门用于此目的的特殊小部件?我希望它像 ListView 一样可滚动,当然我希望它一起滚动。如果该行有一个名为 edges 的对齐选项,可以将行中的两个项目分别对齐到每一侧,那就太好了。但我认为那不存在。此问题的常见解决方案是什么?
使用这个:
row(
children:[
mainAxisAlignment:MainAxisAlignment.spaceBetween;
Text(
'Asset 0',
style: TextStyle(
fontSize: 18.0,
color: Colors.grey[850],
),
),
Text(
'Balance',
style: TextStyle(
fontSize: 18.0,
color: Colors.grey[850],
),
),
]
)
当 Row
与多个小部件一起使用时,另一种方法是在 Row
children
之间添加 Spacer()
示例代码
Row(children: [
Text(
'Asset 0',
style: TextStyle(
fontSize: 18.0,
color: Colors.grey[850],
),
),
Spacer(),
Text(
'Balance',
style: TextStyle(
fontSize: 18.0,
color: Colors.grey[850],
),
),
])
我有一个项目列表视图。我想在左边放一个名字,在右边放一个值。无法找到一种方法来做到这一点,使它们都与边缘对齐:
...
ListView(
shrinkWrap: true,
padding: EdgeInsets.all(15.0),
children: <Widget>[
Text(
'Asset 0 <- -> Balance',
style: TextStyle(
fontSize: 18.0,
color: Colors.grey[850],
),
),
Text(
'Asset 1 <- -> Balance',
style: TextStyle(
fontSize: 18.0,
color: Colors.grey[850],
),
),
Text(
'Asset 2 <- -> Balance',
style: TextStyle(
fontSize: 18.0,
color: Colors.grey[850],
),
),
]
),
...
(我要右边的余额,左边的资产名称)
是否有专门用于此目的的特殊小部件?我希望它像 ListView 一样可滚动,当然我希望它一起滚动。如果该行有一个名为 edges 的对齐选项,可以将行中的两个项目分别对齐到每一侧,那就太好了。但我认为那不存在。此问题的常见解决方案是什么?
使用这个:
row(
children:[
mainAxisAlignment:MainAxisAlignment.spaceBetween;
Text(
'Asset 0',
style: TextStyle(
fontSize: 18.0,
color: Colors.grey[850],
),
),
Text(
'Balance',
style: TextStyle(
fontSize: 18.0,
color: Colors.grey[850],
),
),
]
)
当 Row
与多个小部件一起使用时,另一种方法是在 Row
children
Spacer()
示例代码
Row(children: [
Text(
'Asset 0',
style: TextStyle(
fontSize: 18.0,
color: Colors.grey[850],
),
),
Spacer(),
Text(
'Balance',
style: TextStyle(
fontSize: 18.0,
color: Colors.grey[850],
),
),
])