在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: <Widget>[
      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: (){},
)
      ),
],
),
),

OutlineButton控制元件的child 和 onPressed是必須的屬性，borderSide用來自定義邊框顏色和樣式。