flutter 表格列表实例.docxVIP

flutter表格列表实例

在Flutter中，可以使用DataTable小部件来创建表格列表。下面是一个简单的示例，演示了如何使用DataTable小部件创建一个包含姓名和年龄的表格列表：

voidmain(){

runApp(MyApp());

}

classMyAppextendsStatelessWidget{

Widgetbuild(BuildContextcontext){

returnMaterialApp(

home:Scaffold(

appBar:AppBar(

title:Text(表格列表示例),

),

body:Center(

child:DataTable(

columns:[

DataColumn(

label:Text(姓名),

),

DataColumn(

label:Text(年龄),

),

],

rows:[

DataRow(

cells:[

DataCell(

Text(张三),

),

DataCell(

Text(25),

),

],

),

DataRow(

cells:[

DataCell(

Text(李四),

),

DataCell(

Text(30),

),

],

),

DataRow(

cells:[

DataCell(

Text(王五),

),

DataCell(

Text(28),

),

],

),

],

),

),

),

);

}

}

在这个示例中，我们首先创建了一个MyApp类作为根小部件。在build方法中，我们创建了一个Scaffold小部件作为根容器，并设置了一个AppBar作为应用栏。

在Scaffold的body部分，我们创建了一个DataTable小部件，并设置了两列：姓名和年龄。然后，我们通过DataRow和DataCell小部件创建了每个行的数据单元格。这个例子中有三行数据，每行有两个数据单元格。

可以根据需要进行修改和扩展，例如添加更多列或指定不同的样式。DataTable小部件提供了灵活的配置选项，可以让创建和自定义表格列表，以适应不同的需求。