Flutter中父Container设alignment为何导致子Row的MainAxisSize.min失效

核心原因 #

这是Flutter中Container组件固有的布局规则导致的，和内部Row的mainAxisSize配置无关：

• 当Container没有设置alignment属性时，它的尺寸会自动适配子组件的尺寸，仅遵循父级传入的约束范围即可。你这个场景里内部Row设置了mainAxisSize: MainAxisSize.min只占用自身需要的宽度，外层Container也就跟着只占用最小宽度，符合你的预期。
• 当你给Container设置了alignment属性后，Container的布局逻辑会发生变化：它会先尽可能撑满父级传入的最大可用约束，再将子组件按照你设置的对齐规则放在Container内部的对应位置。此时内部Row的mainAxisSize: MainAxisSize.min仅决定Row自身在Container中的宽度，不会再影响外层Container的尺寸，所以看起来ChipText占满了父级宽度。

解决方案 #

你当前的代码里已经给内部Row设置了mainAxisAlignment: MainAxisAlignment.center，内容本身已经在Row内部居中，完全不需要给外层Container加alignment属性就能满足内容居中的需求。
如果你确实需要在外层控制对齐逻辑，不要给Container加alignment，而是在Container外层套一个Align或Center组件即可，这样外层的对齐组件不会让Container撑满可用宽度，依然会保留Container适配子组件最小尺寸的特性。

内容的提问来源于stack exchange，提问作者bsr