How can I achieve a design like this - flutter

I want to achieve something like this
It opens up a bottom sheet which is something I can do
P.S Also this arrow up changes its direction to arrow down. I also want to know how to achieve that

Related

AmCharts for heatmap, black thing appears

I'm using AmCharts, specially the heatmap, when there is only one value in the chart and put the mouse over it, the thing in the picture below appears at the left top corner.
I tried to look if there is a tooltip or something for mouse over but I couldn't access that thing
do you know guys what is it ? and how to remove it ?

How to make the 'scroll' screen smaller or hide/show in VS Code

I have been investigating how to make smaller or hide/show this screen on VS Code:
But I did not find information or resources about how to do it.
I am using my monitor vertically to code and I would like to hide that screen or make it smaller in order to have a better vision of my code.
Any ideas about how to do it? Also, I found how to hide the activity bar, but I am still wondering if there is a way to modify that screen.
Ctrl + Shift + P and write "toggle minimap", hit enter and it'll get rid of it. Not sure if you can make it smaller, but you can completely get rid of it with the above method.

How to design advanced tooltip(help)?

Is that any way to design like this tooltip(dialog) on Flutter?
I haven't relevant code
How to blur like this?
https://pin.it/mcxgdp6sczu7tr Or
first screenshot
(with Cancel button like this)
https://pin.it/fks6axc5rs2tib Or
second screenshot

How can I make gwt-bootstraps togglebutton to slide?

I need to add sliding functionality to the togglebutton of gwt-bootstrap api. Currently I am having two images(upImage and downImage) which flips on click. I want them to slide.
How can I achieve it? Any idea is appreciated. Thanks in advance.
I don't really know about sliding if you are able to do it with css why not just use a label with a button class onto it and try? Or else here is another option that i would prefer use gwt bootstrap icons along with the newly added spin functionality. Docs is here
Example :
<b:Icon type="ROTATE_RIGHT" size="FOUR_TIMES" spin="true" rotate="ROTATE_180"/>
You can probably call the rotate and spin on click? Helps you?

Redraw gtk notebook tabs in different position

I have some data that can be organized in a matrix, so I display it as a Gtk::Notebook inside a Gtk::Notebook. The external Gtk::Notebook has tabs at the left and the internal Gtk::Notebook has tabs at the top. So it looks like this:
However, our customer would like it to be like this:
The important change being, that the tabs at the left should be below their current position by the height of one tab, so that the GUI looks more like a matrix.
Adding a dummy unclickable tab as the first tab on the left seems an easy solution, but it would have to be a blue tab like all non-selected tabs, and thus it wouldn't merge with the background (the colors are part of the approved design of the application, so they can't be changed).
I've read something about subclassing widgets and drawing them myself, but I don't know how I would begin to do that. I'll probably be reading about that in the meantime.
Any ideas on how to achieve this effect will be appreciated.