Raised Button class implementation in Flutter

Updated 6 March 2021



A material design “Raised Button”. A raised button is based on a Material widget whose Material.elevation increases when the button is pressed.

Use raised buttons to add dimension to otherwise mostly flat layouts, e.g. in long busy lists of content, or in wide spaces. Avoid using raised buttons on already-raised content such as dialogs or cards.

If the onPressed callback is null, then the button will be disabled and by default will resemble a flat button in the disabledColor. If you are trying to change the button’s color and it is not having any effect, check that you are passing a non-null onPressed handler.

Raised buttons have a minimum size of 88.0 by 36.0 which can be overridden with ButtonTheme.


There are some properties that are used to declare the following:

The RaisedButton element needs to be used under the MaterialApp, so you will create the MaterialApp and then push the RaisedButton element to the MaterialApp’s home property.


Below is the code that describes how it works.


The above code gives the below result which is showing in the image-

Thank You!!!


. . .

Leave a Comment

Your email address will not be published. Required fields are marked*

Be the first to comment.

Start a Project

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home