How to create a circle icon button in Flutter?

flutter
Edmand Looi picture Edmand Looi · Apr 13, 2018 · Viewed 112.8k times · Source

I can't find any example that shows how to create a circle IconButton similar to the FloatingActionButton. Can anyone suggest how/what is need to create a custom button like the FloatingActionButton?

Answer

UpaJah picture UpaJah · Jun 30, 2018

RawMaterialButton is better suited I think.

RawMaterialButton(
  onPressed: () {},
  elevation: 2.0,
  fillColor: Colors.white,
  child: Icon(
    Icons.pause,
    size: 35.0,
  ),
  padding: EdgeInsets.all(15.0),
  shape: CircleBorder(),
)

Related questions

flutter run: No connected devices

I am trying to create a sample application with flutter (fresh installation) android studio is also installed (fresh installation) Here is the output of flutter run flutter run No connected devices. the output of flutter doctor Doctor summary (to see …

Read More
Create a rounded button / button with border-radius in Flutter

I'm currently developing an Android app in Flutter. How can I add a rounded button?

Read More
How to add a border to a widget in Flutter?

I'm using Flutter and I'd like to add a border to a widget (in this case, a Text widget). I tried TextStyle and Text, but I didn't see how to add a border.

Read More