Flutter之RaisedButton組件

/**
    const RaisedButton({
    Key key,
    @required VoidCallback onPressed,
    ValueChanged<bool> onHighlightChanged,//水波紋高亮變化回調,按下返回true,抬起返回false
    ButtonTextTheme textTheme,//按鈕的主題
    Color textColor,//文字的顏色
    Color disabledTextColor,//按鈕禁用時候文字的顏色
    Color color,//按鈕的背景顏色
    Color disabledColor,//按鈕被禁用的時候顯示的顏色
    Color highlightColor,//點擊或者toch控件高亮的時候顯示在控件上面,水波紋下面的顏色
    Color splashColor,//水波紋的顏色
    Brightness colorBrightness,//按鈕主題高亮
    double elevation,//按鈕下面的陰影
    double highlightElevation,//高亮時候的陰影
    double disabledElevation,//按下的時候的陰影
    EdgeInsetsGeometry padding,
    ShapeBorder shape,//設置形狀
    Clip clipBehavior = Clip.none,
    MaterialTapTargetSize materialTapTargetSize,
    Duration animationDuration,
    Widget child,
    })
 */
body: Container(
            padding: EdgeInsets.all(10.0),
            child: Column(
              children: <Widget>[
                RaisedButton(
                  onPressed: () {},
                  child: Text("textColor文本的顏色,color背景顏色,highlightColor按鈕按下的顏色"),
                  textColor: Color(0xffff0000),
                  color: Color(0xfff1f1f1),
                  highlightColor: Color(0xff00ff00),
                ),
                RaisedButton(
                  onPressed: () {},
                  child: Text("disabledTextColor禁用時文本顏色,disabledColor禁用時背景顏色"),
                  disabledTextColor: Color(0xff999999),
                  disabledColor: Color(0xffff0000),
                ),
                RaisedButton(
                  onPressed: () {},
                  child: Text("splashColor水波的顏色,disabledColor禁用時背景顏色"),
                  splashColor: Color(0xffff0000),
                ),
                RaisedButton(
                  onPressed: () {},
                  child: Text("colorBrightness按鈕主題高亮 Brightness.light"),
                  colorBrightness: Brightness.light,
                ),
                RaisedButton(
                  onPressed: () {},
                  child: Text("colorBrightness按鈕主題高亮 Brightness.dark"),
                  colorBrightness: Brightness.dark,
                ),
                Container(
                  margin: EdgeInsets.only(top: 20.0),
                  child: RaisedButton(
                    onPressed: () {},
                    child: Text(
                        "elevation按鈕下面的陰影,highlightElevation高亮時候的陰影,disabledElevation按下的時候的陰影"),
                    elevation: 5.0,
                  ),
                ),
                Container(
                  margin: EdgeInsets.only(top: 20.0),
                  child: RaisedButton(
                    onPressed: () {},
                    child: Text(
                        "elevation按鈕下面的陰影,highlightElevation高亮時候的陰影,disabledElevation按下的時候的陰影"),
                    highlightElevation: 5,
                  ),
                ),
                Container(
                  margin: EdgeInsets.only(top: 20.0),
                  child: RaisedButton(
                    onPressed: () {},
                    child: Text(
                        "elevation按鈕下面的陰影,highlightElevation高亮時候的陰影,disabledElevation按下的時候的陰影"),
                    disabledElevation: 5.0,
                  ),
                ),
                RaisedButton(
                  onPressed: () {},
                  child: Text(
                      "onHighlightChanged 水波紋高亮變化回調,按下返回true,抬起返回false"),
                  onHighlightChanged: (bool b) {
                    print(b);
                  },
                ),
                RaisedButton(
                  onPressed: () {
                    print("點擊了");
                  },
                  child: Text("onPressed點擊事件"),
                ),
              ],
            ),
          )

碼云地址:https://gitee.com/xgljh/Flutter.git

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容