flutter控件之文本控件

Text即文本控件是一个常用的控件,下面会为大家展示几种文本类型 

import 'package:flutter/material.dart';
class TextDemo 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(0xffff0000),
              fontSize: 25.0
            ),
          ),
          new Text(
            "橙色+下划线+24号",
            style: new TextStyle(
              color: const Color(0xffff9900),
              decoration: TextDecoration.underline,
              decorationColor: const Color(0xffff9900),
              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',
              fontSize: 24.0,
              fontWeight: FontWeight.bold,
            ),
          ),
          new Text(
            "天蓝色+25号+两行跨度",
            style: new TextStyle(
              color:Colors.cyan,
              fontSize: 25.0,
              height: 2.0
            ),
          ),
          new Text(
            "24号+10个字符间隔",
            style: new TextStyle(
              fontSize: 24.0,
              letterSpacing: 10.0
            ),
          )
        ],
      ),
    );
  }
}
void main(){
  runApp(new MaterialApp(
    title: "文本案例",
    theme: new ThemeData(primaryColor: Colors.deepOrangeAccent),
    home:new TextDemo() ,
  ));
}

效果:

 

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:技术黑板 设计师:CSDN官方博客 返回首页
评论

打赏作者

chunchun1230

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值