forked from lxm_flutter/FlutterUnit
104 lines
3.0 KiB
Dart
104 lines
3.0 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
/// create by 张风捷特烈 on 2020-03-29
|
|
/// contact me by email 1981462002@qq.com
|
|
/// 说明:
|
|
// {
|
|
// "widgetId": 168,
|
|
// "name": '文字样式-ThemeData#TextTheme',
|
|
// "priority": 1,
|
|
// "subtitle":
|
|
// "子组件可以通过ThemeData.of获取主题的数据进行使用。",
|
|
// }
|
|
class TextThemeDemo extends StatelessWidget {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
var queryData = Theme.of(context).textTheme;
|
|
var styles = {
|
|
"headline: ": queryData.headline,
|
|
"title: ": queryData.title,
|
|
"subhead: ": queryData.subhead,
|
|
"subtitle: ": queryData.body1,
|
|
"body2: ": queryData.body2,
|
|
"button: ": queryData.button,
|
|
"overline: ": queryData.overline,
|
|
"subtitle: ": queryData.subtitle,
|
|
"button: ": queryData.caption,
|
|
"display1: ": queryData.display1,
|
|
"display2: ": queryData.display2,
|
|
"display3: ": queryData.display3,
|
|
"display4: ": queryData.display4,
|
|
};
|
|
|
|
return Container(
|
|
child: Column(
|
|
children: styles.keys.map((e) => buildItem(e, styles[e])).toList(),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget buildItem(String e, TextStyle style) => Column(
|
|
children: <Widget>[
|
|
Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: <Widget>[
|
|
Text(
|
|
e,
|
|
style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
|
|
),
|
|
Text(
|
|
"@toly",
|
|
style: style,
|
|
)
|
|
],
|
|
),
|
|
),
|
|
Divider(
|
|
height: 1,
|
|
)
|
|
],
|
|
);
|
|
}
|
|
|
|
// {
|
|
// "widgetId": 168,
|
|
// "name": 'Theme的用法',
|
|
// "priority": 2,
|
|
// "subtitle":
|
|
// "使用Theme,可以指定非常多的属性作为主题,这些属性将应用于所有的后代组件，如指定字体、滑块、卡片、文字、分割线、按钮等属性。",
|
|
// }
|
|
class CustomTheme extends StatelessWidget {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Theme(
|
|
data: ThemeData(
|
|
cardTheme: CardTheme(color: Colors.red, elevation: 4),
|
|
dividerTheme: DividerThemeData(
|
|
color: Colors.blue,
|
|
thickness: 2
|
|
),
|
|
sliderTheme: SliderThemeData(
|
|
thumbColor: Colors.red,
|
|
activeTrackColor: Colors.green,
|
|
inactiveTrackColor: Colors.grey,
|
|
)),
|
|
child: Wrap(
|
|
crossAxisAlignment: WrapCrossAlignment.center,
|
|
children: <Widget>[
|
|
Card(
|
|
child: Container(
|
|
width: 50,
|
|
height: 50,
|
|
color: Colors.transparent,
|
|
),
|
|
),
|
|
Container(
|
|
width: 150,
|
|
child: Slider(value: 0.8, onChanged: (v) => {})),
|
|
Container( width: 150,child: Divider())
|
|
]));
|
|
}
|
|
}
|