flutter - Flutter MainAxisAlignment 无法正常工作
问题描述
我正在尝试在行内使用 MainAxixsAlignment(spaceBetween)。这是我的代码
ListView.separated(
shrinkWrap: true,
separatorBuilder: (context, index) => Divider(
color: Colors.black,
indent: 20,
endIndent: 20,
),
itemCount: prayerTimes.length,
itemBuilder: (context, index) => Padding(
padding: EdgeInsets.all(8.0),
child: Center(
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
prayerTimes[index].name,
style: TextStyle(
color: Colors.teal,
fontWeight: FontWeight.bold,
fontSize: 18.0),
),
Text(
prayerTimes[index].time,
style: TextStyle(color: Colors.teal, fontSize: 18.0),
),
Icon(
Icons.volume_up,
color: Colors.teal,
)
],
)),
),
)
如您所见,当第一行标题名称较大时,中间行中的时间未对齐。如何使中间文本小部件与第一个和最后一个小部件对齐?
解决方案
将第一个文本包装在 Expanded 中并使用 MainAxisSize.max(删除对齐)。之后,您可以使用时间文本填充来设置一些间距,然后就完成了。
推荐阅读
- android - 如何在android studio上索引文件
- csv - 如何在pyspark中读取具有不同模式的多个csv文件?
- java - 我将如何在 Java 中编写一个打印出小于 n 的完美数字的函数?
- java - 为什么我的 String 方法允许返回 String 和 int 的值?
- google-cloud-platform - 无法使用 gcloud 将私有 IP (VPC) 添加到新的 Google Cloud SQL 实例
- excel - 将 CheckBox Control dim 设置为 UserForm CheckBox
- android - 如何通知用户更新现有应用程序?
- c# - 如何使用 DevShock Smpp 发送有效负载消息
- mysql - 无法在 docker 外部部署 mysql
- javascript - 在 JS 文件中导出默认的两个函数?