Flutter入门之Text控件的使用（一）

最新推荐文章于 2024-05-26 10:01:26 发布

Zender Han

最新推荐文章于 2024-05-26 10:01:26 发布

阅读量526

点赞数 3

分类专栏： Flutter知识学习指南文章标签： Flutter入门学习

本文链接：https://blog.csdn.net/qq_42698421/article/details/100939409

版权

Flutter知识学习指南专栏收录该内容

73 篇文章 2 订阅

订阅专栏

Text控件的使用

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      title: "TextDemo",
      home: TextDemo(),
    ),
  );
}

class TextDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Text文本控件'),
      ),
      body: Column(
        children: <Widget>[
          Text(
            "红色+23号字+加粗",
            style: TextStyle(
              color: Colors.orange,
              fontWeight: FontWeight.bold,
              letterSpacing: 6,
              fontSize: 23,
            ),
          ),
          Text(
            "绿色+底部实线+24号字体",
            style: TextStyle(
              color: Colors.green,
              decoration: TextDecoration.underline,
              fontSize: 24,
            ),
          ),
          Text(
            "顶部虚线上划线+25号字+倾斜字",
            style: TextStyle(
              decoration: TextDecoration.overline,
              decorationStyle: TextDecorationStyle.dashed,
              fontStyle: FontStyle.italic,
              fontSize: 25,
            ),
          ),
          Text(
            "蓝色+红色的删除线+27号字体",
            style: TextStyle(
              color: Colors.blue,
              decoration: TextDecoration.lineThrough,
              decorationColor: Colors.red,
              fontSize: 27,
            ),
          ),
        ],
      ),
    );
  }
}