main.dart

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Material App',
      home: Home(),
    );
  }
}

class Home extends StatefulWidget {
  const Home({Key? key}) : super(key: key);

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

class _HomeState extends State<Home> {
  List<String> items = <String>[];
  int counter = 0;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          ...List.generate(
            items.length,
            (index) => TextField(
              decoration: InputDecoration(
                hintText: items[index],
                suffixIcon: IconButton(
                  icon: Icon(Icons.delete),
                  onPressed: () {
                    items.remove(items[index]);
                    setState(() {});
                  },
                ),
              ),
            ),
          ),
          ButtonBar(
            children: [
              ElevatedButton(
                onPressed: () {
                  items.add('TextField ${counter + 1}');
                  counter++;
                  setState(() {});
                },
                child: Text('Add'),
              ),
              ElevatedButton(
                onPressed: () {
                  items.clear();
                  counter = 0;
                  setState(() {});
                },
                child: Text('Delete all'),
              ),
            ],
          ),
        ],
      ),
    );
  }
}