Flutter学习-Text组件

//引入库
import 'package:flutter/material.dart';
//主函数
void main() => runApp(myApp());
//类，继承无状态组件
class myApp extends StatelessWidget{
  //重写函数
  @override
  //返回值为Widget类型
  Widget build(BuildContext context){
    //对应函数类型返回值
    return MaterialApp(
      //dart结构，title和home
      title: 'flutter study',
      //脚手架
      home: Scaffold(
        //顶上一个appBar
        appBar: AppBar(
          title: Text('welcome to flutter'),
        ),
        //中间是身体
        body: Center(
          child: Text(
            'hello world666 66666666666666 66666666666666 666666 6688888888',
            //属性
            textAlign: TextAlign.left,  //对齐：left,center,right
            maxLines: 1,  //显示行数
            overflow: TextOverflow.ellipsis,  //若显示未完，行尾加省略号；fade渐变等
            //样式
            style: TextStyle(
              fontSize: 25.0,   //大小，建议浮点型
              color: Color.fromARGB(255, 255, 100, 100),  //颜色，或者Colors.pink等
              decoration: TextDecoration.underline,   //下划线
              decorationStyle:  TextDecorationStyle.solid,  //样式：实线
            ),
          ),
        ),
      ),
    );
  }
}

运行效果：