萌萌の初音
萌萌の初音
发布于 2021-09-18 / 2475 阅读
0

Flutter开发Row组件顶部对齐方式

使用Row组件横向排列的时候,默认是居中对齐,如果想顶部对齐可以使用以下方法:
方法一:使用CrossAxisAlignment.start
添加此参数可以应付大多数情况

Row(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
          Container(
             ...,
          ),
          Expanded(
             child: ...,
          ),
      ],
),

方法二:使用IntrinsicHeight外层组件搭配Column

IntrinsicHeight(
	child: Row(
		children: [
			Column(
			...
			),
			Expanded(
				child: ...,
			),
      		],
	),
),

方法三:使用Column搭配Expanded(仅限外部限制高度使用)

Row(
	children: [
		Column(
			children[
				Expanded(...),
			],
		),
		Expanded(
			child: ...,
		),
	],
),

以上就是row对齐顶部的三种方式。