How to create a circle icon button in Flutter

Question

How can I create something similar to a FloatingActionButton?

Answer 1

To create a circle icon button in Flutter, you can use the InkWell widget and wrap it around a Container with a circular shape. Here's an example:

InkWell(
  onTap: () {
    // handle button press
  },
  child: Container(
    width: 56,
    height: 56,
    decoration: BoxDecoration(
      shape: BoxShape.circle,
      color: Colors.blue,
    ),
    child: Icon(
      Icons.add,
      color: Colors.white,
    ),
  ),
),

In this example, we are creating a circular button with a blue background color and an "add" icon in white. You can customize the size, color, and icon according to your needs.

Note that InkWell provides the ripple effect when the button is pressed, similar to FloatingActionButton.