flutter - 表单 flutter 上的可拖动滚动条

Question

我试图在我的 flutter 上放置一个可拖动的滚动条 Form ，因此网页用户可以单击并拖动到屏幕底部。 flutter Scrollbar类适用于触摸屏设备，但不适用于鼠标!

我试过使用 draggable_scrollbar ，但它只接受 ListView作为 child 。

这是我当前的代码结构:

    Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(
          title: Text('My form'),
        ),
        body: Padding(
          padding: const EdgeInsets.all(16.0),
          child: Scrollbar(
            child: SingleChildScrollView(
              child: Form(...),
            ),
          ),
        ),
      );
    }

Answer 1

在可拖动滚动条中，您可以尝试使用 ListView.builder只有 1 个项目是您的表单，如下所示。

Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(
          title: Text('My form'),
        ),
        body: Padding(
          padding: const EdgeInsets.all(16.0),
          child: Scrollbar(
            child: SingleChildScrollView(
              child: DraggableScrollbar.rrect(
                controller: myScrollController,
                child: ListView.builder(
                  controller: myScrollController,
                  itemCount: 1,
                  itemBuilder: (context, index) {
                    return Form();
                  },
                ),
              ),
            ),
          ),
        ),
      );
    }