Button with Image Background Flutter

Question

I'm new to Flutter programming and I want to ask is it possible to make image as button background flutter? Here's my image asset:

  final _backgroundButton = new AssetImage("assets/background_button.png");

and here's my button:

RaisedButton(
          child: const Text('LANJUTKAN'),
          color: Theme.of(context).accentColor,

          elevation: 0.0,
          splashColor: Colors.blueGrey,
          onPressed: () {
               // Perform some action
          },
),

Anyone know how to do it? it's okay for me to change the raised button to flat button or anything else as long as I can set image as background. Thank you!

Answer 1

the "RaisedButton" is a material component , its take it shape depends on "material design" roles , you can create your own custom button widget

    GestureDetector(
      child: Container(
       width:120,
       height: 40,
       decoration: BoxDecoration(
         color: Colors.black,
         image: DecorationImage(
           image:AssetImage("assets/background_button.png"), 
           fit:BoxFit.cover
         ),
       child: Text("clickMe") // button text
       )
      ),onTap:(){
       print("you clicked me");
      }
    )

Answer 2

If anyone else come here looking for this, MaterialButton works perfectly.

      MaterialButton(
        padding: EdgeInsets.all(8.0),
        textColor: Colors.white,
        splashColor: Colors.greenAccent,
        elevation: 8.0,
        child: Container(
          decoration: BoxDecoration(
            image: DecorationImage(
                image: AssetImage('assets/button_color.png'),
                fit: BoxFit.cover),
          ),
          child: Padding(
            padding: const EdgeInsets.all(8.0),
            child: Text("SIGN OUT"),
          ),
        ),
        // ),
        onPressed: () {
          print('Tapped');
        },
      ),