Flutter組件之按鈕(RaisedButton)

凸起按鈕組件(RaisedButton)是Material Design中的button,一個凸起的材質矩形按鈕,它可以響應按下事件,並且按下時會帶一個觸摸的效果。

常用屬性如下:

屬性名

類型

默認值

說明

color

Color

null

組件的顏色

disabledColor

Color

ThemeData.disabledColor

組件禁用的顏色,默認爲主題裏的禁用顏色,也可以設置爲其他顏色值

onPressed

VoidCallback

null

當按鈕按下時會觸發此回調事件

child

Widget

 

按鈕的child通常爲一個Text文本組件,用來顯示按鈕的文本

enable

bool

TRUE

按鈕是否爲禁用狀態

 

自定義按鈕:圖片+文字按鈕

用InkWell + Stack來形成層級

 new InkWell(
          child: new Stack(
            alignment: Alignment.center,
            children: <Widget>[
              new Image.asset("images/ic_launcher_round.png"),
              new Text("登錄",
              style: new TextStyle(
                fontSize: 24,
                fontWeight: FontWeight.bold,
                color: Colors.red
              ),),
            ],
          ),
          onTap: () { },
        ),

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章