title: Flutter how to fill gredient color for raised button?
body: <p>I'm trying to render gradient button but on some device, gradient colors are not expanded like image below.</p>
  
  <p><a href="https://i.stack.imgur.com/BbAQz.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BbAQz.jpg" alt=""></a></p>
  
  <p>How can I fix this?<br>
  Thanks!</p>
  
  <p><strong>Code</strong></p>
  
  <pre><code>class GradientButton extends StatelessWidget {
    final Widget child;
    final VoidCallback onPressed;
    const GradientButton({@required this.child, @required this.onPressed});
    @override
    Widget build(BuildContext context) {
      return RaisedButton(
        textColor: Colors.white,
        shape: StadiumBorder(),
        padding: const EdgeInsets.all(0.0),
        child: Container(
          decoration: BoxDecoration(
            gradient: LinearGradient(
              colors: &lt;Color&gt;[Color(0xff00F260), Color(0xff0575E6)],
            ),
          ),
          padding: EdgeInsets.all(8.0),
          child: child
          onPressed: onPressed,
        ),
      );
    }
  }
  </code></pre>