`In my code I make dynamic text widget and side have button with minimise icon.

My problem every time I press the button to make the calculations happening on different text than the one that is side by the icon .

How can I make them in the button that is same side from the text ?

This is the code that have to do with with the buttons

for (int data in dynamicData)
                DynamicItemWidget(
                  data: data,
                  onDelete: () {
                    setState(() {
                      if (data>1){
                        dynamicData.remove(data);
                        data = data -2;
                        dynamicData.add(data);
                      }
                      else {
                        dynamicData.remove(data);
                      }
                    });
                  },
                ),
              // Add button to dynamically add widgets
              ElevatedButton(
                onPressed: () {
                  setState(() {
                    dynamicData.add(5);
                  });
                },
                child: Text('Add Colony'),
              ),
            ],
          ),
//

class DynamicItemWidget extends StatelessWidget {
  final int data;
  final VoidCallback onDelete;

  const Dyna`micItemWidget({required this.data, required this.onDelete});

  @override
  Widget build(BuildContext context) {
    return ListTile(


      title: Text("$data"),
      trailing: IconButton(
        icon: Icon(Icons.minimize),
        onPressed: onDelete,
      ),
    );
  }
}

`