{"id":10424,"date":"2021-09-03T10:00:13","date_gmt":"2021-09-03T01:00:13","guid":{"rendered":"http:\/\/www.gigas-jp.com\/appnews\/?p=10424"},"modified":"2021-09-02T19:38:10","modified_gmt":"2021-09-02T10:38:10","slug":"flutter-scrollbar","status":"publish","type":"post","link":"https:\/\/www.gigas-jp.com\/appnews\/archives\/10424","title":{"rendered":"Flutter – Scrollbar"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

This week I would like to share about scrollbar widget and how to use it. Let’s go and start code!<\/p>\n\n\n\n

By default scrollbar widget in flutter don’t show a scrollbar. But that’s fine in many cases but in others, you do want to display a scrollbar. Scrollbars show the users how far they’ve scrolled, and they allow things like jumping to a particular point in the list. <\/p>\n\n\n\n

To show scrollbar use the widget called Scrollbar!<\/p>\n\n\n\n

Make sure the scrollbar widget is finite. For example, it’s a ListView.builder, make sure itemCount is defined.<\/p>\n\n\n\n

return MaterialApp(\n      home: Scaffold(\n        body: Center(\n          child: Scrollbar(\n            child: ListView.builder(\n              itemCount: 20,\n              itemBuilder: (context, index) {\n                return Card(\n                  child : ListTile(\n                    title: Text(\"Item: ${index + 1}\"),\n                  )\n                );\n              }\n            )\n          ),\n        )\n      )\n    );<\/code><\/pre>\n\n\n\n
Hoped you enjoyed this article!<\/p>\n\n\n\n
By Ami<\/p>\n
\n            
<\/g:plusone><\/div>\n            
 \"\u3053\u306e\u30a8\u30f3\u30c8\u30ea\u30fc\u3092\u306f\u3066\u306a\u30d6\u30c3\u30af\u30de\u30fc\u30af\u306b\u8ffd\u52a0\"<\/a>