Flutter - Poor app performance with multiple TextFields inside a Table - flutter

Question

I'm building an app where there is a scrollable Table composed of columns of TexField.
When I try to edit a field or scroll through the table, I notice a huge performance hit. How can I solve this problem?
Below is a sample app to test my problem
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
#override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: App(),
),
);
}
}
class App extends StatelessWidget {
List<Item> items = List.generate(3 * 48, (index) => Item(index));
#override
Widget build(BuildContext context) {
return SingleChildScrollView(
scrollDirection: Axis.horizontal,
child: Table(
border: TableBorder.all(),
defaultColumnWidth: FixedColumnWidth(100),
children: [
TableRow(
children: items
.map((item) =>
SizedBox(height: 48, child: Text(item.value.toString())))
.toList()),
...List.generate(
6,
(index) => TableRow(
children: items
.map((item) => SizedBox(
height: 48,
child: CellTextField(item: item, onChange: (_) {})))
.toList()))
],
),
);
}
}
class Item {
int value;
Item(this.value);
}
class CellTextField extends StatelessWidget {
final Item item;
final Function(num newValue) onChange;
CellTextField({Key? key, required this.item, required this.onChange})
: super(key: key);
#override
Widget build(BuildContext context) {
return TextField(
controller: TextEditingController(text: item.value.toString())
..selection =
TextSelection.collapsed(offset: item.value.toString().length),
onChanged: (newValue) {
try {
final _newValue = int.parse(newValue);
if (item.value != _newValue) {
onChange(_newValue);
}
} catch (e) {}
},
decoration: InputDecoration(
suffixText: '€',
),
);
}
}
EDIT: https://github.com/flutter/flutter/issues/100536