import 'package:flutter/material.dart';
import 'dart:math';

void main() {
  runApp(
    MaterialApp(
      home: MyWidget(),
    ),
  );
}

const double size = 100;

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ListView(
        children: [
          SizedBox(
            height: size,
            child: ListView(
              scrollDirection: Axis.horizontal,
              children: _children,
            ),
          ),
          Divider(),
          ListView(
            children: _children,
            shrinkWrap: true,
            physics: ClampingScrollPhysics(),
          ),
          Divider(),
          SizedBox(
            height: size,
            child: ListView(
              scrollDirection: Axis.horizontal,
              children: _children,
           ),
          ),
        ],
      ),
    );
  }
  
  List<Widget> get _children => List<Widget>.generate(8, (index) => Padding(
    padding: EdgeInsets.all(8),
    child: Container(
      height: size,
      width: size,
      color: Colors.primaries[Random.secure().nextInt(Colors.primaries.length)],
    ),
  ));
  
}


View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.