flutter scroll horizontal

flutter_scroll_horizontal

import 'package:flutter/material.dart';

class TestSingleScroll extends StatelessWidget {
  const TestSingleScroll({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    const n = 10;
    final List<Widget> children = [];
    for (int i = 0; i != n; i++) {
      children.add(Container(
          width: 100,
          height: 100,
          decoration: BoxDecoration(
            border: Border.all(color: Colors.green, width: 1),
          ),
          child: Center(
            child: Text("$i"),
          )));
    }
    return Container(
      height: 200,
      width: 600,
      color: const Color.fromARGB(255, 227, 223, 223),
      child: SingleChildScrollView(
        scrollDirection: Axis.horizontal,
        padding: const EdgeInsets.symmetric(horizontal: 10),
        child: Row(
          children: children,
        ),
      ),
    );
  }
}

void main() {
  runApp(const MaterialApp(
    debugShowCheckedModeBanner: false,
    home: Scaffold(
      body: TestSingleScroll(),
    ),
  ));
}