Flutter的文本控件的基本使用

最新推荐文章于 2024-06-02 15:30:00 发布

JohnsonSwift

最新推荐文章于 2024-06-02 15:30:00 发布

阅读量2.1k

点赞数

分类专栏： flutter 文章标签： flutter

本文链接：https://blog.csdn.net/A1521315qwss/article/details/123664879

版权

flutter 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文档主要介绍了Flutter中文本控件的基础使用方法，包括如何创建和配置文本组件，展示文本内容以及相关属性设置。

摘要由CSDN通过智能技术生成

Flutter的文本控件的基本使用

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.red,
            fontWeight: FontWeight.bold,
            letterSpacing: 6,
            fontSize: 23,
            ),

        ),
        Text("绿色+底部实线+24号字体"
          ,
          style: TextStyle(
            color: Colors.green,
            decoration: TextDecoration.underline,
            fontSize: 24
          ),
        ),
        Text("顶部虚线上划线+25号字+倾斜字"
        ,
          style: TextStyle(
            fontSize: 25,
            fontStyle: FontStyle.italic,
            decoration: TextDecoration.overline,
            decorationStyle: TextDecorationStyle.dashed,

          ),
        ),
        Text("蓝色+红色的删除线+27号字体",
        style: TextStyle(
          fontSize: 27,
          color: Colors.blue,
          decoration: TextDecoration.lineThrough,
        ),
        )

      ],

    ),
  );

  }
}