Home > front end >  How to add a change of color hover on ReorderableListView icons in flutter?
How to add a change of color hover on ReorderableListView icons in flutter?

Time:09-24

enter image description here

I have this ReorderableListView in my app, and I would like that when I hover my mouse on the check-circle icons on the left, they change color,

Right now when I hover my mouse over it, nothing happens, they are not even clickable

Here is the part of the ReorderableListView code where I define icons and text of each item :

children: listeTaches.map((e) => ListTile(
                      key: UniqueKey(),
                      //leading: Icon(Icons.task),
                      leading: Icon(BeoticIcons.disc),
                      title: Text(e),
                      //trailing: Icon(Icons.more_vert),
                      trailing: Icon(BeoticIcons.circle_check)
                    )).toList(), 

Thanks for your help !

CodePudding user response:

Try below code hope its helpful to you:

I think is same as like our Icon Widget for eg.

Icon(Icons.add,color:Colors.red),

Just try your Icon like below

 Icon(BeoticIcons.circle_check,color:Colors.red),

CodePudding user response:

You need to handle the event and launch the desired code when it happens. For this, you will need a StatefulWidget and control the event that triggers it (https://flutter.dev/docs/development/ui/advanced/gestures).

Greetings

  • Related