Flutter(82):Scroll组件之Scrollbar

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)