Flutter   发布时间:2022-05-03  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Flutter基础—常用控件之文本大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

Text控件即容器,是一个常用的控件,下面的实例有7个不同样式的文本控件:

import 'package:Flutter/material.dart';
class ContainerDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text('文本控件'),),body: new column(
        children: <Widget>[
          new Text(
            '红色+黑色删除线+25号',style: new TextStyle(
              color: const Color(0xffff0000),decoration: TextDecoration.lineThrough,decorationColor: const Color(0xff000000),fontSize: 25.0,new Text(
            '橙色+下划线+24号',style: new TextStyle(
              color: const Color(0xffff9900),decoration: TextDecoration.underline,fontSize: 24.0,new Text(
            '虚线上划线+23号+倾斜',style: new TextStyle(
              decoration: TextDecoration.overline,decorationStyle: TextDecorationStyle.dashed,fontSize: 23.0,fontStyle: FontStyle.italic,new Text(
            'serif字体+24号',style: new TextStyle(
              fontFamily: 'serif',fontSize: 26.0,new Text(
            'monospace字体+24号+加粗',style: new TextStyle(
              fontFamily: 'monospace',fontWeight: FontWeight.bold,new Text(
            '天蓝色+25号+2行跨度',style: new TextStyle(
              color: const Color(0xff4a86e8),height: 2.0,new Text(
            '24号+2个字母间隔',style: new TextStyle(
              fontSize: 24.0,letterSpacing: 2.0,]
      ),);
  }
}
void main() {
  runApp(
    new MaterialApp(
      title: 'Flutter教程',home: new ContainerDemo(),);
}

Flutter基础—常用控件之文本

大佬总结

以上是大佬教程为你收集整理的Flutter基础—常用控件之文本全部内容,希望文章能够帮你解决Flutter基础—常用控件之文本所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。