Flutter -显示在网格视图中滚动的项目数

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('GridView Example'),
        ),
        body: GridView.builder(
          itemCount: 20, // 项目总数
          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 3, // 列数
            childAspectRatio: 1.0, // 子项宽高比
          ),
          itemBuilder: (context, index) {
            return Container(
              padding: EdgeInsets.all(8.0),
              child: Card(
                child: Center(
                  child: Text('Item $index'),
                ),
              ),
            );
          },
        ),
      ),
    );
  }
}

GridView.builder(
  itemCount: items.length,
  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
    crossAxisCount: 3,
    childAspectRatio: 1.0,
  ),
  itemBuilder: (context, index) {
    if (index >= visibleItems.length) {
      // 加载更多数据
      loadMoreItems();
    }
    return Image.network(items[index].imageUrl);
  },
);