名称 | 功能 |
---|---|
textAlign | 文本对齐方式(center 居中,left 左 |
textDirection | 文本方向(ltr 从左至右,rtl 从右至 |
overflow | 文字超出屏幕之后的处理方式(clip |
textScaleFactor | 字体显示倍率 |
maxLines | 文字显示最大行数 |
style | 字体的样式设置 |
名称 | 功能 |
---|---|
letterSpacing | 文字装饰线(none 没有线,lineThrough 删 |
decorationColor | 文字装饰线颜色 |
decorationStyle | 文字装饰线风格([dashed,dotted]虚线, |
wordSpacing | 单词间隙(如果是负值,会让单词变得更紧 |
letterSpacing | 字母间隙(如果是负值,会让字母变得更紧 |
fontStyle | 文字样式(italic 斜体,normal 正常体) |
fontSize | 文字大小 |
color | 文字颜色 |
fontWeight | 字体粗细(bold 粗体,normal 正常体) |
名称 | 功能 |
---|---|
alignment | topCenter:顶部居中对齐 |
decoration | |
margin | |
padding | |
transform | 让 |
height | 容器高度 |
width | 容器宽度 |
child | 容器子元素 |
import 'package:flutter/material.dart';
class Custom_Container extends StatelessWidget {
@override
Widget build(BuildContext context) {
// TODO: implement build
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: Text("flutter demo")), body: HomeContent()));
}
}
class HomeContent extends StatelessWidget {
@override
Widget build(BuildContext context) {
// TODO: implement build
return Center(
child: Container(
child: Text('北京:中小幼各阶段全部实现净校,学生居家在线学习',
textAlign: TextAlign.left,
overflow: TextOverflow.ellipsis, //超出显示.....
// overflow:TextOverflow.fade ,
maxLines: 2,
textScaleFactor: 1.8,
style: TextStyle(
fontSize: 16.0,
color: Colors.red,
// color:Color.fromARGB(a, r, g, b)
fontWeight: FontWeight.w800,
fontStyle: FontStyle.italic, //倾斜字体
decoration: TextDecoration.lineThrough, //字体装饰颜色
decorationColor: Colors.white,
decorationStyle: TextDecorationStyle.dashed,
letterSpacing: 5.0 //
)),
height: 300.0,
width: 300.0,
decoration: BoxDecoration(
color: Colors.yellow,
border: Border.all(color: Colors.blue, width: 2.0),
borderRadius: BorderRadius.all(
// Radius.circular(150), //圆形
Radius.circular(10),
)),
// padding:EdgeInsets.all(20),
// padding:EdgeInsets.fromLTRB(10, 30, 5, 0)
margin: EdgeInsets.fromLTRB(10, 30, 5, 0),
// transform:Matrix4.translationValues(100,0,0)
// transform:Matrix4.rotationZ(0.3)
// transform:Matrix4.diagonal3Values(1.2, 1, 1)
alignment: Alignment.bottomLeft,
),
);
}
}
版权声明:本文由Contione原创出品,转载请注明出处!
04/14/2020 21:04:59回复