Flutter中的表格对齐?

13

我将在我的应用程序中使用数据表。

在我的页面中,我有一个背景,这个数据表应该在特定的位置(可能是中心),但我不知道如何设置该数据表的对齐方式。

有人能告诉我如何解决这个问题吗?

3个回答

19

要在表格行中垂直对齐文本,您可以将内容包装在 TableCell 中,并设置垂直对齐参数:

要在表格行中垂直对齐文本,您可以将内容包装在 TableCell 中,并设置垂直对齐参数:

return TableRow(children: [
    TableCell(
        verticalAlignment: TableCellVerticalAlignment.middle,
        child: Padding(
            padding: const EdgeInsets.all(10),
            child: Text('Hello World'),
        ),
    ),

13
child: Table(
        children: [
          TableRow(children: [
            Center(child: Text("item 1"),),
            Center(child: Text("item 2"),),
            Center(child: Text("item 3"),),
            Center(child: Text("item 4"),),
            Center(child: Text("Edit"),),
          ]),

工作中。


请问能否解释一下你的代码是如何解决这个问题的? - Jan Mares

0
import 'package:flutter/material.dart';

  void main() => runApp(new Demo());

  class Demo extends StatefulWidget {
    @override
    _DemoState createState() => _DemoState();
  }

  class _DemoState extends State<Demo> with TickerProviderStateMixin {

    @override
    Widget build(BuildContext context) {
      return MaterialApp(
        home: Scaffold(
          appBar: AppBar(
            title: new Text("table demo"),
          ),
          body: new Container(
            child: Center(
              child: new  Table(
                children: const <TableRow>[
                  TableRow(

                    children: <Widget>[
                      Center(child: Text('AAAAAA')), Center(child: Text('B')), Center(child: Text('C')),
                    ],
                  ),
                  TableRow(
                    children: <Widget>[
                      Center(child: Text('BBBB')), Center(child: Text('AAAAAA')), Center(child: Text('vdsvsdvs')),
                    ],
                  ),
                  TableRow(
                    children: <Widget>[
                      Center(child: Text('CCCCCC')), Center(child: Text('F')), Center(child: Text('CG')),
                    ],
                  ),
                ],
              ),
            ),
          )
        )
      );
    }
  }

那是一种看待问题的方式,感谢你的帮助。 - ElhamKeshavarz

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接