flutter pub add smart_grid_view基于插件公开信息、社区数据与项目使用情况整理的选型参考。
SmartGridView 是一个适用于 Flutter 的响应式网格布局小部件，它会根据可用的水平空间自动调整交叉轴上的子项数量。通过动态改变列数，确保屏幕宽度得到最佳利用，非常适合在不同设备尺寸上实现自适应 UI。该包简化了响应式设计，无需复杂的媒体查询或自定义逻辑。它可无缝集成到现有的 Flutter 项目中，并支持网格项的流畅渲染。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
A responsive grid view that changes it's cross axis child count based on the available horizontal size.
This widget is great for creating responsive designs as the sized of tiles stays about the same across different screen sizes.
Using the width of tiles, SmartGridview will calculate the crossAxisCount for the underlying GridView with maxWidth ~/ tileWidth.
The tileHeight is used with tileWidth to calculate gridChildRatio.
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: Text('Example')),
body: SmartGridView(
tileWidth: 128,
tileHeight: 168,
children: List.generate(80, (index) => Card(
child: GridTile(
child: Text('tile #$index'),
),
)),
),
),
);
}
}
暂无相关数据。