使用table将上下的Button按钮对齐
时间: 2023-11-09 19:04:19 浏览: 22
您可以使用一个Table组件来将上下的Button按钮对齐。在Table中,您可以将每个Button放置在一个TableRow中,并将它们放置在不同的TableColumn中。这样,您可以确保它们在同一行中对齐。
以下是一个示例代码片段,可以将两个Button对齐:
```
import 'package:flutter/material.dart';
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Table(
//设置表格的列宽,这里我们将它们均分为2列
columnWidths: {
0: FlexColumnWidth(1),
1: FlexColumnWidth(1),
},
//设置表格的孩子,即每个Button
children: [
TableRow(
children: [
Padding(
padding: const EdgeInsets.all(8.0),
child: ElevatedButton(
onPressed: () {},
child: Text('Button 1'),
),
),
Padding(
padding: const EdgeInsets.all(8.0),
child: ElevatedButton(
onPressed: () {},
child: Text('Button 2'),
),
),
],
),
],
),
),
);
}
}
```
在这个示例中,我们使用了一个Table和一个TableRow来创建两个Button。我们还使用了columnWidths属性来设置表格的列宽,确保它们均分为两列。最后,我们将每个Button放置在一个TableRow中,并将它们放置在不同的TableColumn中,以确保它们在同一行中对齐。