Flutter文字各种控件

最新推荐文章于 2025-07-26 18:52:21 发布

原创最新推荐文章于 2025-07-26 18:52:21 发布 · 219 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了如何在Flutter中使用各种文本控件，包括不同颜色、装饰、字体、字号及间距的设置，帮助开发者深入理解并实践文本呈现技巧。

Flutter文字各种控件




import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

void main(){
runApp(MaterialApp(title: "文本",home: TextDome(),));
}
class TextDome extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar:  AppBar(
        title: Text("文本"),
      ),
      body: Column(
        children: [
          Text("红色+黑色删除+25",
            style: TextStyle(color:const Color(0xffff0000),
            decoration: TextDecoration.lineThrough,
              decorationColor: const Color(0xff000000),
              fontSize: 25.0
            )
          ),
          Text("橙色+下滑线+24号",
              style: TextStyle(color:const Color(0xffff9900),
                     fontFamily: "serif"
              )
          ),
          Text("monospace字体+加粗",
              style: TextStyle(
                  fontSize: 24.0,
                  fontFamily: "monospace"
                  ,fontWeight: FontWeight.bold
              )
          ),
          Text("天蓝+25+2行跨度理",
              style: TextStyle(
                  fontSize: 24.0,
                color: const Color(0xff4a86e8),
                height: 2.0
              )
          ),
          Text("24+2间隔",
              style: TextStyle(
                  fontSize: 24.0,
                letterSpacing: 30.0
              )
          ),
        ],
      ),
    );
  }
}