属性
说明
mainAxisAlignment
主轴的排序方式
crossAxisAlignment
次轴的排序方式
children
组件子元素
import 'package:flutter/material.dart';
void main() {
runApp(MaterialApp(
title: "ColumnWidget",
home: MyApp(),
));
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
width: 400,
height: 600,
color: Colors.black45,
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly, // 主轴元素的排序方式(垂直布局,Y轴是主轴)
crossAxisAlignment: CrossAxisAlignment.end, // 次轴元素的排序方式
children:
Container(
color: Colors.orange,
width: 80,
height: 80,
),
Container(
color: Colors.redAccent,
width: 80,
height: 80,
),
Container(
color: Colors.teal,
width: 80,
height: 80,
)
],
),
)
);
}
}
手机扫一扫
移动阅读更方便
你可能感兴趣的文章