Flutter Web -如何在SingleChildScrollView ->列中使用TabBarView？

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('Flutter Web - SingleChildScrollView & TabBarView'),
        ),
        body: SingleChildScrollView(
          child: Column(
            children: [
              TabBar(
                tabs: [
                  Tab(text: 'Tab 1'),
                  Tab(text: 'Tab 2'),
                  Tab(text: 'Tab 3'),
                ],
              ),
              SizedBox(
                height: 500, // 设置TabBarView的高度
                child: TabBarView(
                  children: [
                    Container(
                      color: Colors.red,
                      child: Center(child: Text('Tab 1 Content')),
                    ),
                    Container(
                      color: Colors.green,
                      child: Center(child: Text('Tab 2 Content')),
                    ),
                    Container(
                      color: Colors.blue,
                      child: Center(child: Text('Tab 3 Content')),
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}