mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
cd89e867ef
This API is the front-end part of the work on showing licenses. Future patches will: * Provide an API for registering what licenses should be shown here, which will be used by this feature to shown licenses but could also be used by custom code for showing licenses (e.g. for people not using the Material widgets). * Actually populate this license API from all the licenses we currently use in the engine, in the framework, and from any pub packages that are used (directly or indirectly) by the application.
74 lines
2.6 KiB
Dart
74 lines
2.6 KiB
Dart
// Copyright 2016 The Chromium Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/widgets.dart';
|
|
|
|
class TextStyleItem extends StatelessWidget {
|
|
TextStyleItem({ Key key, this.name, this.style, this.text }) : super(key: key) {
|
|
assert(name != null);
|
|
assert(style != null);
|
|
assert(text != null);
|
|
}
|
|
|
|
final String name;
|
|
final TextStyle style;
|
|
final String text;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final ThemeData theme = Theme.of(context);
|
|
final TextStyle nameStyle = theme.textTheme.caption.copyWith(color: theme.textTheme.caption.color);
|
|
return new Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8.0, vertical: 16.0),
|
|
child: new Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
new SizedBox(
|
|
width: 64.0,
|
|
child: new Text(name, style: nameStyle)
|
|
),
|
|
new Flexible(
|
|
child: new Text(text, style: style.copyWith(height: 1.0))
|
|
)
|
|
]
|
|
)
|
|
);
|
|
}
|
|
}
|
|
|
|
class TypographyDemo extends StatelessWidget {
|
|
static const String routeName = '/typography';
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final TextTheme textTheme = Theme.of(context).textTheme;
|
|
final List<Widget> styleItems = <Widget>[
|
|
new TextStyleItem(name: 'Display 3', style: textTheme.display3, text: 'Regular 56sp'),
|
|
new TextStyleItem(name: 'Display 2', style: textTheme.display2, text: 'Regular 45sp'),
|
|
new TextStyleItem(name: 'Display 1', style: textTheme.display1, text: 'Regular 34sp'),
|
|
new TextStyleItem(name: 'Headline', style: textTheme.headline, text: 'Regular 24sp'),
|
|
new TextStyleItem(name: 'Title', style: textTheme.title, text: 'Medium 20sp'),
|
|
new TextStyleItem(name: 'Subheading', style: textTheme.subhead, text: 'Regular 16sp'),
|
|
new TextStyleItem(name: 'Body 2', style: textTheme.body2, text: 'Medium 14sp'),
|
|
new TextStyleItem(name: 'Body 1', style: textTheme.body1, text: 'Regular 14sp'),
|
|
new TextStyleItem(name: 'Caption', style: textTheme.caption, text: 'Regular 12sp'),
|
|
new TextStyleItem(name: 'Button', style: textTheme.button, text: 'MEDIUM (ALL CAPS) 14sp')
|
|
];
|
|
|
|
if (MediaQuery.of(context).size.width > 500.0) {
|
|
styleItems.insert(0, new TextStyleItem(
|
|
name: 'Display 4',
|
|
style: textTheme.display4,
|
|
text: 'Light 112sp'
|
|
));
|
|
}
|
|
|
|
return new Scaffold(
|
|
appBar: new AppBar(title: new Text('Typography')),
|
|
body: new Block(children: styleItems)
|
|
);
|
|
}
|
|
}
|