首页 > 建站教程 > APP开发,混合APP >  Flutter RaisedButton组件详解正文

Flutter RaisedButton组件详解

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,
    })
*/
Flutter RaisedButton组件案例:
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点击事件"),
        ),
      ],
    ),
)