Redeem Now
Read More
Read now

Raised Button class implementation in Flutter



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!!!


. . .


Add Your Comment

Be the first to comment.

Hire Us!
Brief us about your requirements and we'll get back to you.
Woo! Hooy!
We have just recieved your project brief and our expert will contact you shortly.
Send Again