mirror of https://github.com/flutter/samples.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
2.1 KiB
60 lines
2.1 KiB
2 years ago
|
import 'package:flutter/material.dart';
|
||
|
|
||
|
class TypographyScreen extends StatelessWidget {
|
||
|
const TypographyScreen({Key? key}) : super(key: key);
|
||
|
|
||
|
@override
|
||
|
Widget build(BuildContext context) {
|
||
|
final textTheme = Theme.of(context)
|
||
|
.textTheme
|
||
|
.apply(displayColor: Theme.of(context).colorScheme.onSurface);
|
||
|
return Expanded(
|
||
|
child: ListView(
|
||
|
children: <Widget>[
|
||
|
const SizedBox(height: 7),
|
||
|
TextStyleExample(
|
||
|
name: "Display Large", style: textTheme.displayLarge!),
|
||
|
TextStyleExample(
|
||
|
name: "Display Medium", style: textTheme.displayMedium!),
|
||
|
TextStyleExample(
|
||
|
name: "Display Small", style: textTheme.displaySmall!),
|
||
|
TextStyleExample(
|
||
|
name: "Headline Large", style: textTheme.headlineLarge!),
|
||
|
TextStyleExample(
|
||
|
name: "Headline Medium", style: textTheme.headlineMedium!),
|
||
|
TextStyleExample(
|
||
|
name: "Headline Small", style: textTheme.headlineSmall!),
|
||
|
TextStyleExample(name: "Title Large", style: textTheme.titleLarge!),
|
||
|
TextStyleExample(name: "Title Medium", style: textTheme.titleMedium!),
|
||
|
TextStyleExample(name: "Title Small", style: textTheme.titleSmall!),
|
||
|
TextStyleExample(name: "Label Large", style: textTheme.labelLarge!),
|
||
|
TextStyleExample(name: "Label Medium", style: textTheme.labelMedium!),
|
||
|
TextStyleExample(name: "Label Small", style: textTheme.labelSmall!),
|
||
|
TextStyleExample(name: "Body Large", style: textTheme.bodyLarge!),
|
||
|
TextStyleExample(name: "Body Medium", style: textTheme.bodyMedium!),
|
||
|
TextStyleExample(name: "Body Small", style: textTheme.bodySmall!),
|
||
|
],
|
||
|
),
|
||
|
);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
class TextStyleExample extends StatelessWidget {
|
||
|
const TextStyleExample({
|
||
|
Key? key,
|
||
|
required this.name,
|
||
|
required this.style,
|
||
|
}) : super(key: key);
|
||
|
|
||
|
final String name;
|
||
|
final TextStyle style;
|
||
|
|
||
|
@override
|
||
|
Widget build(BuildContext context) {
|
||
|
return Padding(
|
||
|
padding: const EdgeInsets.all(8.0),
|
||
|
child: Text(name, style: style),
|
||
|
);
|
||
|
}
|
||
|
}
|