flutter实现（OutlineButton）线框按钮

在flutter的控件里 常用按钮有：FlatButton,RaisedButton，FloatingActionButton,OutlineButton。

 

FlatButton是扁平的，没有阴影的。

RaisedButton是有阴影，看起来凸起来的，很有点击欲望的那种，如图1

FloatingActionButton是在侧面浮起来的那种按钮。

 

这一章重点介绍 OutlineButton ，中文叫线框按钮。

先看效果。

 

代码：

 

new Padding(
  padding: new EdgeInsets.fromLTRB(30.0, 10.0, 30.0, 10.0),
  child: new Row(
    children: [
      new Expanded(
          child: new OutlineButton(
            borderSide:new BorderSide(color: Theme.of(context).primaryColor),
            child: new Text('注册',style: new TextStyle(color: Theme.of(context).primaryColor),),
            onPressed: (){},
          )
      ),
    ],
  ),
),