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

為了按鈕能夠根據屏幕寬度進行延伸變寬，用了row和expanded，expanded多大面積，按鈕就有多大面積。如果不用row，expanded會向下延伸，就不是我們要的效果了
OutlineButton控件的child 和 onPressed是必須的屬性，borderSide用來自定義邊框顏色和樣式。

?

總結

以上是生活随笔為你收集整理的flutter实现（OutlineButton）线框按钮的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。