Incompatible with Scrollbar

[sabetAI]

I'd like to use a scrollbar to display the scroll position for flutter web. ItemScrollController is not ScrollController so I can't wrap my ScrollablePositionedList with a Scrollbar. Any workarounds? Is there a different widget I can use?

[kamleshwebtech]

I am facing the same issue to load history records. Without getting scroll's top position eg. zero "0" how can I call history records to prepend list? ScrollController has such feature but this widget does not have such feature. any suggestion? Thanks a lot.

[k-s-t-i]

Here is sample code to make it work with a scrollbar:

return MediaQuery.removePadding(
      context: context,
      removeTop: true,
      removeBottom: true,
      child: Scrollbar(
        thickness: 8,
        radius: Radius.circular(4),
        interactive: true,
        child: ScrollablePositionedList.builder(
              itemCount: totalItems,
              itemScrollController: itemScrollController,
              itemPositionsListener: itemPositionsListener,
              initialScrollIndex:
                  selectedValue != null ? items.indexOf(selectedValue!) : 0,
              itemBuilder: (context, index) {
                return GestureDetector(
                  onTap: () => onSelect(items[index]),
                  child: Container(
                    color: getItemColor(index, context),
                    child: buildDropdownList(context, index),
                  ),
                );
              },
          ),
     ), 
);

The only thing it doesn't work with is Scrollbar that isAlwaysShown. To do that, I have made some small edits on my own fork here: https://github.com/bitstackapp/flutter.widgets.

It exposes the scrollController from the package and it works like this:

return MediaQuery.removePadding(
      context: context,
      removeTop: true,
      removeBottom: true,
      child: Scrollbar(
        thickness: 8,
        radius: Radius.circular(4),
        interactive: true,
        isAlwaysShown: true,
        controller: itemScrollController.primaryScrollController,
        child: ScrollablePositionedList.builder(
              itemCount: totalItems,
              itemScrollController: itemScrollController,
              itemPositionsListener: itemPositionsListener,
              initialScrollIndex:
                  selectedValue != null ? items.indexOf(selectedValue!) : 0,
              itemBuilder: (context, index) {
                return GestureDetector(
                  onTap: () => onSelect(items[index]),
                  child: Container(
                    color: getItemColor(index, context),
                    child: buildDropdownList(context, index),
                  ),
                );
              },
          ),
     ), 
);

You can pull my fork into your project by:

scrollable_positioned_list:
    git:
      url: https://github.com/bitstackapp/flutter.widgets.git
      ref: master
      path: packages/scrollable_positioned_list/

[dehypnosis]

@k-s-t-i you saved my day. Thanks for your workaround.