Container inside Row 和 Row inside Container

Posted 2023-02-23

【中文标题】Container inside Row 和 Row inside Container

【英文标题】：Container inside Row and Row inside Container

【发布时间】：2021-07-18 21:41:27

【问题描述】：

在 Flutter 应用中，Row 中的 Container 和 Container 中的 Row 有什么区别？ 每次我想做一个应用程序时，我都会花几分钟问自己 我应该选择哪一个？

【问题讨论】：

你有编码方面的背景吗？

【参考方案1】：

在颤振中Row 和Column 提供了一种使用Flex 布局系统又名FlexBox 的方法。

简而言之Flex是一个一维布局系统，其中children可以在主轴或交叉轴上对齐，主轴可以定义为水平或垂直。

Flutter 中的 Container 是一个通用小部件，可让您访问一系列属性，如填充、装饰、大小等。full-list is available at the API Docs

回答你的问题，

Row 中的Container 就像我们上面所说的，是Flex 的子代，这意味着它将尊重父代设置的对齐属性（MainAxisAlignment/CrossAxisAlignment）

Container 中的 Row 与 Row 或 Column 将尊重 Container 上设置的属性相反，例如 Decoration 或 @987654338 @ 属性等。