Flutter如何使用ListView水平和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('Horizontal ListView')),
        body: Center(
          child: ListView.builder(
            scrollDirection: Axis.horizontal,
            itemCount: 10,
            itemBuilder: (context, index) {
              return Container(
                width: 100,
                height: 100,
                color: Colors.blue[100 * (index % 9)],
                margin: EdgeInsets.all(5),
                child: Center(child: Text('Item $index')),
              );
            },
          ),
        ),
      ),
    );
  }
}

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('Vertical GridView')),
        body: Center(
          child: GridView.count(
            crossAxisCount: 3,
            children: List.generate(20, (index) {
              return Center(
                child: Container(
                  color: Colors.blue[100 * (index % 9)],
                  child: Text('Item $index'),
                ),
              );
            }),
          ),
        ),
      ),
    );
  }
}

ListView.builder(
  itemCount: items.length, // 确保 items 不为空
  itemBuilder: (context, index) {
    return ListTile(title: Text(items[index])); // 确保返回有效的子项
  },
);

ListView.builder(
  itemCount: items.length,
  itemBuilder: (context, index) {
    return ListTile(title: Text(items[index]));
  },
);