All experiences are gathered together here to learn from them.
Normal Scrollbar doesn’t support scrollbar padding, we can add that using RawScrollbar widget.
Here is an example:
Here, mainAxisMargin adds a margin on both sides to the main axis of the scrollbar, which is not supported by the normal Scrollbar widget but in RawScrollbar widget.
Here is how it shows when we add a centered bottom navigation bar icon normally.
But we can fix the problem just by adding a line of code in the Scaffold() and that is extendBody: true,
That will remove the background color problem from the floating action button.
When we try to add an icon in a container, it often shows in a buggy case. We can solve the problem just by adding a line in the container.That is alignment: Alignment.center;
