Flutter实现自定义样式带Scrollbar的TextField时滚动条无法拖动怎么办

我需要实现一个带Scrollbar的TextField组件，且要匹配指定的设计样式，但目前实现出来的滚动条无法拖动。之前查找过相关第三方package和现成解决方案，没有找到合适的，因此发帖求助。

预期最终效果 #

当前实现效果 #

现有实现代码 #

MediaQuery.removePadding(
  context: context,
  removeTop: true,
  child: Scrollbar(
    radius: const Radius.circular(5),
    interactive: true,
    isAlwaysShown: true,
    trackVisibility: true,
    controller: scrollController,
    child: TextField(
      scrollController: scrollController,
      scrollPhysics: const BouncingScrollPhysics(),
      scrollPadding: EdgeInsets.zero,

注：以上为核心代码片段，其余业务逻辑代码已省略

在此先向所有提供帮助的朋友表示感谢。

内容的提问来源于stack exchange，提问作者Martin Saison