(Flutter 一)Text:文本

2020-03-17  本文已影响0人  小豆豆苗

Text是本文内容的意思,在flutter中Text的属性有如下

const Text(
    this.data, {
    Key key,
    this.style,
    this.strutStyle,
    this.textAlign,
    this.textDirection,
    this.locale,
    this.softWrap,
    this.overflow,
    this.textScaleFactor,
    this.maxLines,
    this.semanticsLabel,
    this.textWidthBasis,
  }) 

第一,导入material框架
第二,创建main()入口函数,在main()函数中调用MyApp方法。

import 'package:flutter/material.dart';

/*
void main( ) = > runApp( MyApp( ));
这句代码等同于:
void main( ) {
    runApp(MyApp( ));
}
由于此方法里面只有一行代码,所以可以用箭头,如果有多行的话得用大括号。
Lambad表达式是一个匿名函数,使用lambda运算符=>,读作goes to
*/
void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Text('hello world',
            textAlign: TextAlign.left, //对齐方式,left,right,center,justify:合法的,start,end
            maxLines: 1, //文本显示最大行
            overflow: TextOverflow.ellipsis, //溢出处理,clip:截取,不显示,ellipsis:缩略 fade:渐变 visible:看得见的
            style: TextStyle(
              fontSize: 20.0,//此处输入的数值可以是整数或者小数
              color: Color.fromARGB(255, 255, 125, 125),//颜色,第一个参数是透明度,后面是RGB值
              decoration: TextDecoration.lineThrough, //装饰,下划线,underline:下划线,overline:上划线,lineThrough:删除线
              decorationStyle: TextDecorationStyle.dotted,//装饰样式
            ),
          ),
        ),
      )
    );
  }
}

运行结果:


image.png
上一篇下一篇

猜你喜欢

热点阅读