Container inside Row 和 Row inside Container

问题描述

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

解决方法

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

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

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

要回答您的问题，

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

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