laoyang
4dbfbb9218
生日卡内容块整体居中 (#89)
用户 2026-11-05:「这个文案是不是居中放一放会更好一点?现在所有东西都集中在
左边,右边太空了。我是想整体往右移,也就是居中,而不是把文字什么的居中放。」
关键是要分清两种"居中":
· 用户要的 = **内容块整体居中**(头像+姓名这一组、方框+日期这一组,挪到卡片中间)
· 用户明确不要 = **文字居中**(每行文字仍左对齐,读起来才不散)
根因:两个内容 Row 里的 Column 都挂着 `layoutWeight(1)`,
它把 Column 撑满剩余宽度 ⇒ Row 里没有多余空间 ⇒ `justifyContent` 无从生效,
于是整行永远贴左。
改法:
① 去掉那两个 `layoutWeight(1)`,改用 `constraintSize({ maxWidth })`
(头像行 72%、方框行 68%)—— 按内容宽度收缩,同时防止长名字撑破卡片。
② Row 上加 `justifyContent(FlexAlign.Center)` —— 把这一组整体挪到中间。
③ 具体文字保持 `HorizontalAlign.Start`(左对齐),不变。
⚠️ 顶栏那行的 `layoutWeight(1)` **保留**:那里要"标题靠左、关闭靠右",
去掉会让标题和关闭挤在一起。
⚠️ 底部「要修改生日…」那句本来就是居中的(width 100% + textAlign Center),
与上面两个块的"块居中"是两件事,不动。
—— 已在代码里写明,免得以后有人"统一"掉。
编译通过,已装真机。
2026-11-05 20:42:13 +08:00
..
2026-11-05 20:42:13 +08:00
2026-10-11 22:07:48 +08:00
2026-10-11 22:07:48 +08:00
2026-10-11 22:07:48 +08:00
2026-10-11 22:07:48 +08:00