@justinmc I was just playing around with the scrollbar and comparing it to the native one.
What I noticed was firstly that the drag from the right was not something I can reproduce on a native app.
And also that the long press delay on a native app is almost instant, I would say around 150ms whereas on flutter right now it is half a second.

I managed to get the feel very close by removing the drag from the right gesture and adding a deadline field to the constructor of LongPressGestureRecognizer which I set to 150ms for the drag gesture.

@Kavantix I'm able to get the drag-from-right thing in the iOS 13 simulator, but it seems a little harder to activate than it is in Flutter now. I don't have an iOS 13 device at the moment to try it on. Maybe we could make it more strict. There are a few words mentioned about it in a Reddit thread.

You seem to be right that the long press threshold is shorter. Something like a deadline parameter might be a good way to solve that.

Would you mind opening an issue for these two points? That way anyone else having this problem can find your workaround and add to the discussion.

@justinmc see #37892

Thanks I appreciate it!

Hello, guys just trying this draggable scrollbar implementation in my flutter 1.9 stable upgrade but the draggable scrollbar is not working. Could it be that it is not yet available on the stable channel?

@Chimba123 It looks like this should be in >1.8.4, so your version looks good. Did you enable the feature properly? See the code block in the description up top that shows you how to enable this. For now it's not automatic.

@justinmc I did exactly that but it cannot find the controller in the PrimaryScrollView wrapping
I have initialized like so "ScrollController scrollController;"

Try this gist containing a full demo app that I know should work: https://gist.github.com/justinmc/3c58cb125644b230fe66832b0ea541c2

@justinmc "final ScrollController scrollController = ScrollController();" was the key thanks it works appreciate it

No problem!

Then another issue, how do we use this functionality in a CustomScrollView Widget with a linear list of scrolling widgets?

Like this? https://gist.github.com/justinmc/0f88d7e24add6e265a9bba2820f532b8

@justinmc my problem is like this (snippet below)

 Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      child: CustomScrollView(
        slivers: <Widget>[
          SliverPersistentHeader(
            delegate: MyNav(),
            pinned: true,
            floating: false,
          ),
SliverList(),
        ],
      ),
    );
  }
}

I have a navbar if I use that method in the link the scrollbar scrolls above the navbar, I want it under

@justinmc I have found a way just wrap it in a SliverToBoxAdapter and set the media constraints of the containing widget like below

@override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      child: CustomScrollView(
        slivers: <Widget>[
          SliverPersistentHeader(
            delegate: MyNav(),
            pinned: true,
            floating: false,
          ),
          SliverToBoxAdapter(
           child: Container(
             height: MediaQuery.of(context).size.height,
              width:MediaQuery.of(context).size.width,
             child: PrimaryScrollController(
               controller: scrollController,
               child: CupertinoScrollbar(
                 controller: scrollController,
                 child: MediaQuery.removePadding(
                     context: context,
                     removeTop: true,
                     child: Container()
                   ),
               ),
             ),
           ),
           ),
        ],
      ),
    );
  }
}

Ok good to hear you got it, thanks for following up. I will edit your comments for formatting really quick.

@justinmc Hi. Could u add a property to set the Scrollbar show or hide. Or just like this typedef ScrollBarCanShow = bool Function(); let the user make Scrollbar show or hide according to logic.

Could you get the same outcome by removing the scrollbar from the widget tree? Like:

if (_showScrollbar) {
  return Scrollbar(
    child: MyListView(),
  );
}
return MyListView(); 

Hi @justinmc, This PR has been really helpful. I tried it with two ScrollViews. One vertical, other Horizontal, like

PrimaryScrollController(
                 controller: scrollController,
                 child: CupertinoScrollbar(
                          controller: scrollController,
                          child: SingleChildScrollView(
                                    scrollDirection: Axis.vertical,
                                    child: SingleChildScrollView(
                                        scrollDirection: Axis.horizontal,

So, Vertical scroll drag works well. But, when I tried horizontal, it automatically switches to the vertical scroll. Is there a way to solve this? (I have tried it on windows app).

@SahajRana Does it work without the CupertinoScrollbar? I believe you can't get bidirectional scrolling to work with this approach. If you can post a full minimal app that reproduces the problem I can take a closer look.