Flutter文字各种控件

你先去买饭

于 2021-03-23 19:28:36 发布

阅读量207

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/mynameisluowei/article/details/115138546

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
              )
          ),
        ],
      ),
    );
  }
}