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
网友评论