l Scrollbar:显示滚动条,将Scrollbar环绕在任何可滚动的小部件上,例如ListView、GridView或Custom ScrollView l Sliver:Flutter中的可滚动组件,中文的意思是“被拆分的小部件”,它具有延迟构建和回收的特性,实现动态加载,可以提高滚动性能。 l SilverList: SliverList widget 与 SliverAppBar widget 协同工作,为用户滚动...
SliverGridDelegateWithFixedCrossAxisCount:交叉轴方向上固定数量,对于垂直方向的GridView来说交叉轴方向指的是水平方向。 SliverGridDelegateWithMaxCrossAxisExtent:交叉轴方向上尽量大,比如水平方上有500空间,指定此值为150,那么可以放3个,剩余一些空间,此时GridView将会缩小每一个Item,放置4个。 SliverGridDelegateWithFixedC...
import 'package:flutter/material.dart'; void main() { runApp(MaterialApp(home: MyApp())); } class MyApp extends StatelessWidget { MyApp({super.key}); @override Widget build(BuildContext context) { return Scaffold( body: ScrollbarTheme( data: const ScrollbarThemeData( minThumbLength: 60, thi...
常见的滚动组件有:ListView、GridView、SingleChildScrollView、CustomScrollView、NestedScrollView、Scrollable、Scrollbar、NotificationListener、ScrollConfiguration、RefreshIndicator、PageView ListView ListView创建的方式通常有三种,分别为ListView(),ListView.builder(),ListView.separated(); ListView创建方式之ListView() 构造方法...
性能问题:当需要显示大量数据时,直接使用ListView或GridView可能会导致性能问题。这时可以使用ListView.builder或GridView.builder来按需创建子控件,从而提高性能。 自定义滚动条:Flutter的滚动组件默认不显示滚动条。如果需要显示滚动条,可以使用Scrollbar组件。如果需要自定义滚动条样式,可以通过监听滚动事件来实现。 通过以上...
3、SingleChildScrollView、 CustomScrollView 组件 4、SliverList、SliverFixedExtentList、 SliverGrid 组件 5、SliverPadding 、SliverAppBar 组件 6、ScrollController 滚动监听和控制 一、Scrollable 组件 可滚动组件都直接或间接包含一个Scrollable 组件,比如我们之前学的ListView、GridView组件,而他们的父类BoxScrollView是...
SliverAppBar是与CustomScrollView集成在一起使用的应用栏。应用栏由工具栏和其他可能的小部件组成,例如TabBar和FlexibleSpaceBar。应用程序栏通常使用IconButton公开一个或多个常见操作,然后可以选择PopupMenuButton来执行不太常见的操作。Sliver 应用程序栏通常用作CustomScr...
Flutter 带有一个内置的 Scrollbar 小部件,该小部件已经根据当前平台支持自适应颜色和大小。您可能想要进行的一项调整是在桌面平台上切换 alwaysShown : content_copy return Scrollbar( controller: controller, isAlwaysShown: DeviceType.isDesktop, child: ListView(controller: controller, ...), ...
GridView的children属性用于指定网格的内容。GridView的crossAxisSpacing属性用于指定在同一行中相邻单元格的间距,默认没有任何间距。GridView的mainAxisSpacing属性用于指定行间距,默认没有任何间距。GridView的childAspectRatio属性用于指定宽高比,默认是1,即单元格是正方形。 GridView的builder()命名构造器、custom()命名构造器、...
滚动条(Scrollbar):滚动条是一个垂直或水平的长条,显示在容器的一侧,用于指示当前滚动位置。用户可以通过拖动滚动条来滚动内容。Flutter中的Scrollbar组件可以用于在容器内部添加滚动条。可以通过设置child属性来指定需要滚动的内容。 示例代码: 代码语言:txt 复制 Scrollbar( child: SingleChildScrollView( child: // ...