I'm using a SingleChildScrollView. I want to enable scrolling but hide the scrollbar.
In Android I used android:scrollbars="none" to accomplish this but cannot seem to find a way to do this in Flutter.
All existing questions remotely related to this topic talk about how to disable scrolling not merely hiding the scrollbar.
Is there a way to accomplish this or is there a way to reposition the scrollbar to better position the scrollbar in my app?
Any help is appreciated. Thanks.
Edit: this answer solved it for me
Related
I want to make a container collapse (disappear) when scroll down, and expand (appear again) when scroll up. Just like the search bar in microsoft teams mobile.
I tried to do it using SliverAppBar and it worked but the ListView became lagging and had problems. Is there any way to do it without SliverAppBar?
I think you should only replace AppBar Widget with SliverAppBar
hope I could help.
You may check this library hidable
I am trying to achieve this vertical stack scroll or vertical stack ListView (if there is a different term used for this kind of scrolls, please share it) for a web app, but I haven't found any package that does anything close to it
Is there some built in widget or a package that can help me achieve this?
I have programmed a modal buttom sheet which with this package (using a showCupertinoModalBottomSheet). This modal has a "header" which shows the heading and a close button on the left so the user knows what the modal is about and has a "footer" with two buttons to either apply the filter or reset it.
Between the header and the footer is a a Expanded component with a SingleChildScrollView inside in order to scroll inside the modal. This is needed because there are more filter options available than space! I am very happy that I found a solution without a SizedBox component which has a given height because the height of smartphones vary.
However, now I am facing one last problem: Sadly I am not able to scroll to the bottom of my SingleChildScrollView. This problem also occurs when removing the "footer" with the two buttons. Means, the SingleChildScrollView goes beyond the screen height (which is fine) but which is useless when I am not able to scroll to the bottom of my list. At the end of this post I have added an image so you can see the problem.
Here you can find my dartpad without the modal buttom sheet which is not supported yet on dartpart. However, because dartpad presents the web view instead of the mobile view I am not able to recreate the problem 100%. When using the mouse wheel to scrol you can scroll to the end of the list. But as you can see in the image below in the mobile version is does not work!
Does anyone has an idea how I can solve this?
I already have tried adding Containers with padding and margin to the bottom but this sadly doesn't work or leads to rendering issues.
There is also a stackoverflow post which seems to solve this problem but that leads to an rendering issue for me: https://stackoverflow.com/a/63613723/9445999
Image:
Kind regards and thank you!
I am working on a project but, I came across something I have never used before. When I searched about it I got confused with two ways backdrop and bottom sheet.
I want to know what is the exact way to do like the following pictures that I designed.
Use DraggableScrollableSheet widget
i want to disable the bottom overflowed messages (like this one: ) before I upload the app in case someone has a to small screen size. Is there a way to disable the bottom overflowed messages in flutter?
thanks for answers
When you build app in release mode, users don't see this warning, however this warning help us to solve overflowed UI.
I would not recommend you to do so.
Though you will be able to remove those messages, you would not able to enable proper functionalities.
Thus I would recommend to use singlechildscrollview wherever possible, or some listviews depending upon layout.
Just wrap your widgets inside
SingleChildScrollView(
child: yourWidgets(
...)
)