如何在Flatter中居中gridView项?
我有一个4*4的网格视图,但有时可能只有15个项目,而不是16个项目,最后一行看起来不太好 我想知道是否有任何方法可以将gridView行中的项目居中?如何在Flatter中居中gridView项?,gridview,flutter,flutter-layout,Gridview,Flutter,Flutter Layout,我有一个4*4的网格视图,但有时可能只有15个项目,而不是16个项目,最后一行看起来不太好 我想知道是否有任何方法可以将gridView行中的项目居中? 或者可能有其他解决方案可以解决我的任务?作为一个选项,您可以使用Wrap小部件而不是网格 这里有一个例子 import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @ov
或者可能有其他解决方案可以解决我的任务?作为一个选项,您可以使用Wrap小部件而不是网格 这里有一个例子
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
appBar: AppBar(title: const Text('Title')),
body: AlignedGrid(),
),
);
}
}
class AlignedGrid extends StatelessWidget {
final double runSpacing = 4;
final double spacing = 4;
final int listSize = 15;
final columns = 4;
@override
Widget build(BuildContext context) {
final w = (MediaQuery.of(context).size.width - runSpacing * (columns - 1)) / columns;
return SingleChildScrollView(
child: Wrap(
runSpacing: runSpacing,
spacing: spacing,
alignment: WrapAlignment.center,
children: List.generate(listSize, (index) {
return Container(
width: w,
height: w,
color: Colors.green[200],
);
}),
),
);
}
}
根据需要更改对齐
属性
e、 g.
wrappalignment.space
你能分享这个屏幕截图吗