flutter控件之Table

import 'package:flutter/material.dart';
class LearnTable extends StatefulWidget{
  @override
  State<StatefulWidget> createState() {
    return new  _LearnTable();
  }
}
class _LearnTable extends State<LearnTable>{
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      body: new Table(
        border: new TableBorder.all(width: 1.0,color: Colors.purpleAccent),
        children: <TableRow>[
          new TableRow(
            children: <Widget>[
              new TableCell(
                child: new Center(
                  child: new Text('设置1'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置2'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置3'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置4'),
               ),
              ),
            ],
          ),
          new TableRow(
            children: <Widget>[
              new TableCell(
                child: new Center(
                  child: new Text('设置1'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置2'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置3'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置4'),
                ),
              ),
            ],
          ),
          new TableRow(
            children: <Widget>[
              new TableCell(
                child: new Center(
                  child: new Text('设置1'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置2'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置3'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置4'),
                ),
              ),
            ],
          ),
          new TableRow(
            children: <Widget>[
              new TableCell(
                child: new Center(
                  child: new Text('设置1'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置2'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置3'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置4'),
                ),
              ),
            ],
          ),
          new TableRow(
            children: <Widget>[
              new TableCell(
                child: new Center(
                  child: new Text('设置1'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置2'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置3'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置4'),
                ),
              ),
            ],
          ),
          new TableRow(
            children: <Widget>[
              new TableCell(
                child: new Center(
                  child: new Text('设置1'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置2'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置3'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置4'),
                ),
              ),
            ],
          ),
          new TableRow(
            children: <Widget>[
              new TableCell(
                child: new Center(
                  child: new Text('设置1'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置2'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置3'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置4'),
                ),
              ),
            ],
          ),
          new TableRow(
            children: <Widget>[
              new TableCell(
                child: new Center(
                  child: new Text('设置1'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置2'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置3'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置4'),
                ),
              ),
            ],
          ),
          new TableRow(
            children: <Widget>[
              new TableCell(
                child: new Center(
                  child: new Text('设置1'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置2'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置3'),
                ),
              ),
              new TableCell(
                child: new Center(
                  child: new Text('设置4'),
                ),
              ),
            ],
          ),
        ],
      ),
    );
  }
}

image.png

image.png