Flutter Colunm插入横向滚动Listview

在这里提供一个demo

import 'package:flutter/material.dart';

class ColunmWithListPage extends StatelessWidget {
  const ColunmWithListPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Colunm嵌套示例'),
      ),
      body: Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          const FlutterLogo(
            size: 80,
          ),
          Stack(
            children: [
              Opacity(
                opacity: 0.0,
                child: card(),
              ),
             const SizedBox(
                width: double.infinity,
              ),
              Positioned.fill(
                child: ListView.builder(
                  scrollDirection: Axis.horizontal,
                  itemBuilder: (BuildContext context, int index) {
                    return card();
                  },
                ),
              )
            ],
          ),
          const FlutterLogo(
            size: 80,
          ),
        ],
      ),
    );
  }

  Widget card() {
    return Container(
      padding: const EdgeInsets.all(10),
      decoration: BoxDecoration(
        color: Colors.blue,
        borderRadius: BorderRadius.circular(10),
        border: const Border(right: BorderSide(color: Colors.white,width: 1.5))
      ),
      child: const Column(
        children: [
          Text(
            'Flutter',
            style: TextStyle(fontSize: 35,color: Colors.amber),
          ),
          Text(
            'Logo',
            style: TextStyle(fontSize: 45,color: Colors.pinkAccent),
          ),
        ],
      ),
    );
  }
}