Flutter代码仓库-Text、RaisedButton、Wrap

1. Text

示例代码

new Text(
  "哈哈哈哈或或",
  textAlign: TextAlign.left,//文本居左右显示
  overflow: TextOverflow.ellipsis,//文本显示不下，省略的方式
  maxLines: 2,//显示的最大行数
  textScaleFactor: 1.8,//放大倍率
  style: TextStyle(
    fontSize: 16.0,//字体大小
    color: Colors.red,//字体颜色
    fontWeight: FontWeight.w800,//字体放大倍率
    fontStyle: FontStyle.italic,//字体斜体样式
    decoration: TextDecoration.lineThrough,//装饰，贯穿线
    decorationStyle: TextDecorationStyle.wavy,//贯穿线的样式，波浪线
    decorationColor: Colors.black,//贯穿线的颜色
    decorationThickness: 3.0,//贯穿线的粗细
    letterSpacing: 5.0//字体间距
  ),
),

2. RaisedButton（凸起按钮组件）

示例代码（常用属性）

    RaisedButton(
	    onPressed: (){},//点击事件
	    onHighlightChanged: (bool b) {//高亮变化回调,按下返回true,抬起返回false
			print(b);
		},
        child: Text("文本"),
        textColor: Colors.blue,//文本的颜色
        color: Colors.yellow,//按钮的背景颜色
        highlightColor: Colors.red,//按钮按下时颜色

		disabledTextColor: Colors.blue,//按钮禁用时候文字的颜色
		splashColor: Colors.blue,//水波纹的颜色
		colorBrightness: Brightness.dark,//按钮主题高亮
    )

3. Wrap（按宽高自动换行布局）

说明：

单行的 Wrap 跟 Row 表现几乎一致，单列的 Wrap 则跟 Column 表现几乎一致 。 但 Row 与 Column 都是单行单列的， Wrap 却突破了这个限制，主轴上空间不足时, 则向 次轴上去扩展显示.

示例代码（常用属性）

Wrap(
	 direction: Axis.horizontal,//主轴的方向，默认为水平方向
	 spacing: 10,//主轴方向上的间距
	 runSpacing: 10,//次轴之间的间距
	 alignment: WrapAlignment.center,//沿着主轴方向上的对齐方式
	 runAlignment: WrapAlignment.center,//沿着次轴方向上的对齐方式
	 children: <Widget>[...],//子控件数组
),