Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在Flatter中居中gridView项?_Gridview_Flutter_Flutter Layout - Fatal编程技术网

如何在Flatter中居中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

我有一个4*4的网格视图,但有时可能只有15个项目,而不是16个项目,最后一行看起来不太好

我想知道是否有任何方法可以将gridView行中的项目居中?
或者可能有其他解决方案可以解决我的任务?

作为一个选项,您可以使用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

你能分享这个屏幕截图吗