在flutter中以数据表布局动态显示JSON数据

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  final String jsonStr = '''
    [
      {"name": "John", "age": 25},
      {"name": "Jane", "age": 30},
      {"name": "Tom", "age": 35}
    ]
  ''';

  @override
  Widget build(BuildContext context) {
    List<dynamic> jsonData = json.decode(jsonStr);

    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('JSON Data Table'),
        ),
        body: SingleChildScrollView(
          child: DataTable(
            columns: [
              DataColumn(label: Text('Name')),
              DataColumn(label: Text('Age')),
            ],
            rows: List<DataRow>.generate(
              jsonData.length,
              (index) => DataRow(
                cells: [
                  DataCell(Text(jsonData[index]['name'])),
                  DataCell(Text(jsonData[index]['age'].toString())),
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }
}