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
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.