Idea in order to address lack of scrollbar in Flutter web

Question

I am new to flutter and using it for web. I see that there is no built in scrollbar when the page overflows the viewport

Would it be possible to somehow have a javascript script in the html that would check the height of the content periodically and add/remove scroll bar as necessary?

Does this make any sense?

Thank you

@P4yam for what I see ListView only allows scrolling with your mouse wheel, but there is no scrollbar in browser. Am I wrong? I am trying to see if it is possible to have the browser scrollbar somehow... IDK — user3808307
– user3808307, Commented Oct 14, 2020 at 19:41

Payam Asefi · Accepted Answer · 2020-10-14 20:47:25Z

1

I'm not sure if its what you want but if you wrap your Listview with Scrollbar then you get the result you want:

Scrollbar(
    child: ListView.builder(
      itemCount: 20,
      itemBuilder: (context, index) => ListTile(title: Text("Item= ${index + 1}"),),),
)

You can find more here

answered Oct 14, 2020 at 20:47

Payam Asefi

2,7572 gold badges19 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user3808307 Over a year ago

Yes. It's good, I had read there was no scrollbar support. I would rather have the native browser scroll, this will do fine

user3808307 Over a year ago

Hi @P4yam, the problem is this scrollbar is not draggable. I mean it is but works funkyly, not usable to drag

Payam Asefi Over a year ago

@user3808307 unfortunately i dont know much about flutter web. it may be better to ask your question in flutter github

Collectives™ on Stack Overflow

Idea in order to address lack of scrollbar in Flutter web

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related