Flutter Default Text Font Sizes and Font weight

main.dart

import 'package:flutter/material.dart';

const Color darkBlue = Color.fromARGB(255, 18, 32, 47);

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark().copyWith(
        scaffoldBackgroundColor: darkBlue,
      ),
      debugShowCheckedModeBanner: false,
      home: const Scaffold(
        body: SingleChildScrollView(child: Center(
          child: TextList(),
        ),
      )),
    );
  }
}



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

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        BuildTextWidget(
          textStyleName: 'displayLarge',
          textStyle: Theme.of(context).textTheme.displayLarge!,
        ),
        BuildTextWidget(
          textStyleName: 'displayMedium',
          textStyle: Theme.of(context).textTheme.displayMedium!,
        ),
        BuildTextWidget(
          textStyleName: 'displaySmall',
          textStyle: Theme.of(context).textTheme.displaySmall!,
        ),
        BuildTextWidget(
          textStyleName: 'headlineLarge',
          textStyle: Theme.of(context).textTheme.headlineLarge!,
        ),
        BuildTextWidget(
          textStyleName: 'headlineMedium',
          textStyle: Theme.of(context).textTheme.headlineMedium!,
        ),
        BuildTextWidget(
          textStyleName: 'headlineSmall',
          textStyle: Theme.of(context).textTheme.headlineSmall!,
        ),
        BuildTextWidget(
          textStyleName: 'titleLarge',
          textStyle: Theme.of(context).textTheme.titleLarge!,
        ),
        BuildTextWidget(
          textStyleName: 'titleMedium',
          textStyle: Theme.of(context).textTheme.titleMedium!,
        ),
        BuildTextWidget(
          textStyleName: 'titleSmall',
          textStyle: Theme.of(context).textTheme.titleSmall!,
        ),
        BuildTextWidget(
          textStyleName: 'bodyLarge',
          textStyle: Theme.of(context).textTheme.bodyLarge!,
        ),
        BuildTextWidget(
          textStyleName: 'bodyMedium',
          textStyle: Theme.of(context).textTheme.bodyMedium!,
        ),
        BuildTextWidget(
          textStyleName: 'bodySmall',
          textStyle: Theme.of(context).textTheme.bodySmall!,
        ),
        BuildTextWidget(
          textStyleName: 'labelLarge',
          textStyle: Theme.of(context).textTheme.labelLarge!,
        ),
        BuildTextWidget(
          textStyleName: 'labelMedium',
          textStyle: Theme.of(context).textTheme.labelMedium!,
        ),
        BuildTextWidget(
          textStyleName: 'labelSmall',
          textStyle: Theme.of(context).textTheme.labelSmall!,
        ),
      ],
    );
  }
}

class BuildTextWidget extends StatelessWidget {
  const BuildTextWidget({
    super.key,
    required this.textStyle,
    required this.textStyleName,
  });

  final TextStyle textStyle;
  final String textStyleName;

  @override
  Widget build(BuildContext context) {
    return Card(
      elevation: 20,
      margin: const EdgeInsets.all(10),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            textStyleName,
            style: textStyle,
          ),
          Text(
            "fontSize: ${textStyle.fontSize}",
            style: textStyle,
          ),
          Text(
            "fontWeight: ${textStyle.fontWeight}",
            style: textStyle,
          ),
        ],
      ),
    );
  }
}