颤振按钮设计

Question

我如何设计这样的按钮？

这是我当前的代码

Container(
   padding: EdgeInsets.only(top: 10),
   child: RaisedButton(
          textColor: Colors.white,
          onPressed: () {},
          child: Container(
                 decoration: BoxDecoration(
                 borderRadius: BorderRadius.circular(25.0),
                 gradient: new LinearGradient(colors: [
                     Color(0xFF00b09b),
                     Color(0xFF96c93d),
                  ])),
                  padding: const EdgeInsets.all(10.0),
                  child: Text(
                      "ADD CREDITS",
                       textAlign: TextAlign.center,
                  ),
                ),
              )
           )

这是结果

Answer 1

GestureDetector(
      onTap: () {},
      child: Container(
                 decoration: BoxDecoration(
                 borderRadius: BorderRadius.circular(12.0),
                 gradient: new LinearGradient(colors: [
                     Color(0xFF00b09b),
                     Color(0xFF96c93d),
                  ])),
                  padding: const EdgeInsets.all(10.0),
                  child: Text(
                      "ADD CREDITS",
                       textAlign: TextAlign.center,
                  ),
                ),
    ),

Answer 2

我认为这是我能做到的最接近的一种，无需更改 fontFamily。 您可能需要导入粗体才能达到完全相同的效果。

DartPad

string key = prop.Name.ToString().First().ToString().ToUpper() + prop.Name.ToString().Substring(1);