Gridview仅显示一行

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Single Row GridView'),
        ),
        body: SingleRowGridView(),
      ),
    );
  }
}

class SingleRowGridView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      height: 100, // 设置容器高度以限制GridView高度
      child: GridView.builder(
        scrollDirection: Axis.horizontal, // 设置GridView为水平滚动
        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
          crossAxisCount: 1, // 每行显示一个项目
          childAspectRatio: 1, // 设置子项的宽高比
        ),
        itemCount: 10, // 项目数量
        itemBuilder: (context, index) {
          return Card(
            color: Colors.blue,
            child: Center(
              child: Text(
                'Item $index',
                style: TextStyle(color: Colors.white),
              ),
            ),
          );
        },
      ),
    );
  }
}