change color of scroll bar indicator in SingleChildScrollView

Question

How can I change color of scroll bar indicator in SingleChildScrollView, the SingleChildScrollView doesn't have option color or something for style, if we can't change color of SingleChildScrollView do we have any alternative for that

https://api.flutter.dev/flutter/material/ScrollbarTheme-class.html — pskink, Aug 28 '22 at 11:30

score 5 · Accepted Answer · edited Aug 28 '22 at 12:31

5

Try this:

RawScrollbar(
    thumbColor: Colors.red,
    radius: Radius.circular(16),
    thickness: 7,
    child: SingleChildScrollView()
)

edited Aug 28 '22 at 12:31

Sunderam Dubey

1
11
20
40

answered Aug 28 '22 at 11:31

eamirho3ein

16,619
2
12
23

score 2 · Answer 2 · answered Aug 28 '22 at 11:23

You can provide ScrollbarThemeData:thumbColor by wrapping the SingleChildScrollView

 Theme(
  data: Theme.of(context).copyWith(
      scrollbarTheme: ScrollbarThemeData(
    thumbColor: MaterialStateProperty.all(Colors.red),
  )),
  child: SingleChildScrollView(

change color of scroll bar indicator in SingleChildScrollView

2 Answers2