颤动中具有拖动效果的滚动条

Question

我需要在表单中实现滚动条。这是为网络用户提供的，通过单击滚动条，他们可以进行导航。 flutter 中的滚动条 class 适用于触摸设备，但不适用于基于鼠标的输入。我试过使用 pub.dev 中的 "draggable_scrollbar" 库，但它只接受 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();
               },
             ),
           ),
         ),
       ),
     ),
   );
}

颤动中具有拖动效果的滚动条

scrollbar with drag effect in flutter

android

dart

flutter

flutter-layout

flutter-web