美文网首页Flutter教学
Flutter(82):Scroll组件之Scrollbar

Flutter(82):Scroll组件之Scrollbar

作者: starryxp | 来源:发表于2020-11-17 14:24 被阅读0次

Flutter教学目录持续更新中

Github源代码持续更新中

1.Scrollbar介绍

滚动条

2.Scrollbar属性

  • child:
  • controller:ScrollController
  • isAlwaysShown = false:是否总是显示,true需要设置ScrollController
  • thickness:Scrollbar宽度
  • radius:Scrollbar圆角

3.使用

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Scrollbar'),
      ),
      body: Scrollbar(
        radius: Radius.circular(10),
        thickness: 10,
        child: ListView.builder(
          itemBuilder: (context, index) {
            return ListTile(
              title: Text('item $index'),
            );
          },
          itemCount: 30,
        ),
      ),
    );
  }
image.png

下一节:Flutter(83):NotificationListener

NotificationListener

Flutter教学目录持续更新中

Github源代码持续更新中

相关文章

网友评论

    本文标题:Flutter(82):Scroll组件之Scrollbar

    本文链接:https://www.haomeiwen.com/subject/ftbebktx.html