美文网首页
(Flutter 一)Text:文本

(Flutter 一)Text:文本

作者: 小豆豆苗 | 来源:发表于2020-03-17 13:56 被阅读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

    相关文章

      网友评论

          本文标题:(Flutter 一)Text:文本

          本文链接:https://www.haomeiwen.com/subject/ghktyhtx.html