How to get the highlight widget from flutter web? - flutter

As title, if the user hover a UI element, it will highlight on flutter web, I would like to know how do I know which element is being hover and highlighted. Thanks.

To select text, simply use the selectableText widget.
As for hovers, its supposed to be under the guestures widget, but there are work arounds.
Work around 1
Work around 2

Related

How to select and focos part of a text in Flutter

I have a box with text, this box has a scroll.
I want to be able to tap on a button and select the text "products". If the text that I want to select is not on the screen, I need to jump into it.
Is it possible using Flutter web or desktop?
You can use SelectableText() widget instead of normal Text() widget

Create Vertical List in Flutter

I want to create this type of listview using flutter.
https://dribbble.com/shots/6872462-Food-ordering-app-Animate
You can find out more by clicking on this link. But I don't know how to create this type of list. I mean, you can see in the GIF that the list is indexed based.
A fixed indexed item container is colored.
How can I achieve it?
Flutter provides you with a widget very similar to the result you want to achieve called NavigationRail.
You will not have the animation by default, but you can maybe search in the source code of this widget how to create a custom widget that will implement animations.

Custom widget dropdown

If I do not click:
When I press the button in the red circle:
Hello, I want to ask. What widget can I use to get a design like this? When the red circle is pressed, another menu will appear and can be pressed to go to another menu. I tried using the dropdown button but it doesn't work as I want. I have also used ListTileTheme and ExpansionTile but it still doesn't work as I want. Anyone can share an opinion.
Flutter's core dropdown widget works almost exactly like your example, and there is a widget that extends it even further. You should then be able to nest further menus if that's what you need it to do. Flutter DropdownButton2

Get rid of double underlines in my Flutter UI

I need to get rid of the underlines that are present in the Flutter UI I made. I tried giving textStyle to this text but still doesn't get rid of the lines. I have added an image of how the output looks like below.
Any form of help will be appreciated, Thanks.
Wrap your Entire code with Material Widget
Wrap your widget with Scaffold() and add your widgets to the body.

How to achieve this drop down container in flutter?

This is like a dropdown menu but doesn't accept any ontap function, just readability.
Please see the image to know how it looks and works
Use a listview of widgets and wrap each widget in the list with flutter-expandable
Check this
https://github.com/aryzhov/flutter-expandable/blob/master/README.md