【问题标题】:scrollbar with drag effect in flutter颤动中具有拖动效果的滚动条
【发布时间】:2020-07-28 12:26:53
【问题描述】:

我需要在表单中实现滚动条。 这适用于网络用户,通过单击滚动条,他们可以导航。 Flutter 中的滚动条类适用于触摸设备,但不适用于基于鼠标的输入。我尝试使用 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(...),
        ),
      ),
    ),
  );
}

提前致谢。

【问题讨论】:

    标签: android flutter dart flutter-layout flutter-web


    【解决方案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();
                   },
                 ),
               ),
             ),
           ),
         ),
       );
    }
    

    【讨论】:

    • 谢谢哥们。我之前尝试过使用相同的代码,但没有工作。设置项目计数 1 后,它可以工作.. 非常感谢。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-04-08
    • 2019-10-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多