在表中使用TextFormField (DataTable)

import 'package:flutter/material.dart';

List<Map<String, dynamic>> tableData = [
  {'name': 'John', 'age': 25},
  {'name': 'Jane', 'age': 30},
  {'name': 'Bob', 'age': 35},
];

class TableDataModel {
  String name;
  int age;

  TableDataModel({this.name, this.age});
}

class EditableCell extends StatefulWidget {
  final TableDataModel data;
  final String fieldName;

  EditableCell({this.data, this.fieldName});

  @override
  _EditableCellState createState() => _EditableCellState();
}

class _EditableCellState extends State<EditableCell> {
  TextEditingController _controller;

  @override
  void initState() {
    super.initState();
    _controller = TextEditingController(text: widget.data.name);
  }

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return TextFormField(
      controller: _controller,
      onChanged: (value) {
        setState(() {
          widget.data.name = value;
        });
      },
      decoration: InputDecoration(
        border: InputBorder.none,
      ),
    );
  }
}

class MyTable extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return DataTable(
      columns: [
        DataColumn(label: Text('Name')),
        DataColumn(label: Text('Age')),
      ],
      rows: tableData.map((data) {
        TableDataModel model = TableDataModel(name: data['name'], age: data['age']);
        return DataRow(
          cells: [
            DataCell(EditableCell(data: model, fieldName: 'name')),
            DataCell(Text(data['age'].toString())),
          ],
        );
      }).toList(),
    );
  }
}

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: MyTable(),
      ),
    );
  }
}