Container vs. SizedBox vs. DecoratedBox

main.dart

import 'package:flutter/foundation.dart' show kIsWeb;
import 'package:flutter/material.dart';
import 'package:statsfl/statsfl.dart';

void main() {
  runApp(
    StatsFl(
      isEnabled: true,
      showText: true,
      sampleTime: 0.05,
      totalTime: 60,
      height: 200,
      width: double.infinity,
      align: Alignment.topCenter,
      child: MaterialApp(
        title: 'Flutter Demo',
        debugShowCheckedModeBanner: false,
        theme: ThemeData.dark(),
        home: DefaultTabController(
          length: 4,
          child: Scaffold(
            bottomNavigationBar: TabBar(
              overlayColor:
                  MaterialStateColor.resolveWith((_) => Colors.grey[800]!),
              indicator: BoxDecoration(
                  border: Border(
                top: BorderSide(color: Colors.amber, width: 2),
              )),
              tabs: [
                Tab(text: 'Control'),
                Tab(text: 'Container'),
                Tab(text: 'SizedBox'),
                Tab(text: 'DecoratedBox')
              ],
            ),
            body: TabBarView(
              children: [
                Center(),
                Screen(Container()),
                Screen(SizedBox()),
                Screen(DecoratedBox(decoration: BoxDecoration())),
              ],
            ),
          ),
        ),
      ),
    ),
  );
}

class Screen extends StatelessWidget {
  const Screen(
    this.child, {
    Key? key,
  }) : super(key: key);

  final Widget child;

  @override
  Widget build(BuildContext context) =>
      Wrap(children: List.generate(kIsWeb ? 4000 : 14000, (_) => child));
}