class MyApp extends StatelessWidget { const MyApp({Key key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( title: 'Text文本组件', home: Scaffold( appBar: AppBar( title: Text('Text文本组件'), ), body: Text( 'hello world', style: TextStyle( //字体 //1、将ttf字体文件放到根目录的assets/fonts中, //2、在pubspec.yaml中配置字体路径,同时设置字体类型的名称 // fonts: // - family: fzzqt // fonts: // - asset: assets/fonts/fzzqt.ttf // style: italic //3、在fontFamily后面加上字体名称即可 fontFamily: 'fzzqt', fontSize: 36.0, color: Colors.red, //加粗 fontWeight: FontWeight.bold, //文字修饰 //TextDecoration.lineThrough, TextDecoration.underline,TextDecoration.overline,TextDecoration.none decoration: TextDecoration.overline, //修饰符样式 点虚线 decorationStyle: TextDecorationStyle.dotted, //修饰符颜色 decorationColor: Colors.black, ), ), ), ); } }
Flutter笔记60:Text文本组件
Text文本组件,非常常用的组件,在很多组件中,如果有属性为文字时,一般都需要用到Text组件,如AppBar的title属性的值等,但是像MaterialApp的title,它的属性值就是纯文字: