如何使按钮看起来像这样在颤抖中弹出

时间:2020-01-26 19:48:59

标签: flutter dart

我需要像在一个波纹管中一样创建一个按钮:

enter image description here

这是我设法做到的:

enter image description here

这是我的代码:

Container(
      width: sc.war(70.6),
      height: 50,
      decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(25),
        gradient: SColors.ONE_THOUSAND_POINTS_ASSOCIATE_PROGRAM_TITLE_GRADIENT
      ),
      child: FlatButton(
        onPressed: (){
          _validateUserInputs();
        },
        child: AutoSizeText(widget._loginPageMV.loginHint,
            minFontSize: 14,
            maxFontSize: 18,
            maxLines: 1,
            style: TextStyle(
              color: Colors.white,
              fontSize: 16,
              fontWeight: FontWeight.w700,
              letterSpacing: 0.2,
            )
        ),
      ),
    ),

有人可以帮助我实现这一目标吗?预先感谢

1 个答案:

答案 0 :(得分:0)

升高的按钮基于“材料”小部件,当按下该按钮时,其Material.elevation会增加。 https://api.flutter.dev/flutter/material/RaisedButton-class.html