如何在flutter中在同一页上渲染List和Grid？

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('List and Grid Example'),
        ),
        body: ListView.builder(
          itemCount: 10,
          itemBuilder: (BuildContext context, int index) {
            if (index % 2 == 0) {
              // 渲染List项
              return ListTile(
                title: Text('List Item $index'),
              );
            } else {
              // 渲染Grid项
              return GridView.builder(
                gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                  crossAxisCount: 2,
                ),
                itemCount: 4,
                itemBuilder: (BuildContext context, int gridIndex) {
                  return GridTile(
                    child: Image.network('https://example.com/image$gridIndex.jpg'),
                  );
                },
              );
            }
          },
        ),
      ),
    );
  }
}