import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
class LearnText extends StatefulWidget {
@override
State<StatefulWidget> createState() {
return new _LearnText();
}
}
class _LearnText extends State<LearnText> {
@override
Widget build(BuildContext context) {
return new Column(
children: <Widget>[
new Flexible(
child: new Center(
child: new Text(
'学习Text',
textAlign: TextAlign.center, //文本对齐方式 居中
textDirection: TextDirection.ltr, //文本方向
softWrap: false, //是否自动换行 false文字不考虑容器大小 单行显示 超出;屏幕部分将默认截断处理
overflow: TextOverflow
.ellipsis, //文字超出屏幕之后的处理方式 TextOverflow.clip剪裁 TextOverflow.fade 渐隐 TextOverflow.ellipsis省略号
textScaleFactor: 2.0, //字体显示的赔率
maxLines: 10, //最大行数
style: new TextStyle(
decorationColor: const Color(0xffffffff), //线的颜色
decoration: TextDecoration
.none, //none无文字装饰 lineThrough删除线 overline文字上面显示线 underline文字下面显示线
decorationStyle: TextDecorationStyle
.solid, //文字装饰的风格 dashed,dotted虚线(简短间隔大小区分) double三条线 solid两条线
wordSpacing: 0.0, //单词间隙(负值可以让单词更紧凑)
letterSpacing: 0.0, //字母间隙(负值可以让字母更紧凑)
fontStyle: FontStyle.italic, //文字样式,斜体和正常
fontSize: 20.0, //字体大小
fontWeight: FontWeight.w900, //字体粗细 粗体和正常
color: const Color(0xffffffff), //文字颜色
),
),
),
flex: 1,
),
// new RichText() 和下一行同样效果实现同一text的不同效果
new Text.rich(
new TextSpan(
text: 'TextSpan',
style: new TextStyle(
color: Colors.white,
fontSize: 30.0,
decoration: TextDecoration.none,
),
children: <TextSpan>[
new TextSpan(
text: '拼接1',
),
new TextSpan(
text: '拼接2',
),
new TextSpan(
text: '拼接3',
),
new TextSpan(
text: '拼接4',
),
new TextSpan(
text: '拼接5',
),
new TextSpan(
text: '拼接6',
),
new TextSpan(
text: '拼接7',
style: new TextStyle(
color: Colors.yellow,
),
recognizer:new TapGestureRecognizer()..onTap=(){//增加一个点击事件
print('@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@');
},
),
],
),
),
],
);
}
}
Flutter控件之Text
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- Xamarin XAML语言教程构建ControlTemplate控件模板 控件模板ControlTemplate...
- 本来打算第三篇文章来讲解 Flutter 单子布局widget , 奈何 18种单子布局widget 内容颇多,加...
- Container 给一个组件添加padding,margins,边界(borders),背景颜色或者其他装饰 ...