полоса прокрутки с эффектом перетаскивания в флаттере

Question

Мне нужно реализовать полосы прокрутки в форме. Это для веб-пользователей, нажав на полосу прокрутки, они могут перемещаться. Класс полосы прокрутки в флаттере работает для сенсорного устройства, но не с помощью мыши. Я пытался использовать библиотеку "draggable_scrollbar" из pub.dev, однако он принимает ListView только как дочерний.

Мой код:

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

Надеюсь, это сработает для вас.

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();
               },
             ),
           ),
         ),
       ),
     ),
   );
}