CircleAvatar с IconButton не по центру

Question

Я хочу центрировать кнопку в CircleAvatar, но для меньшего радиуса кажется, что она не центрируется правильно.

                 CircleAvatar(
                    backgroundColor: Colors.blue,
                    radius: 16,
                    child: IconButton(
                        icon: Icon(Icons.add),
                        color: Colors.white,
                        onPressed: () {

                          }
                        }),
                  ),

Вот как это выглядит:

Answer 1

IconButton имеет некоторые отступы по умолчанию, исправьте проблему, удалив отступы по умолчанию. Проверьте код ниже, он работает отлично.

CircleAvatar(
          backgroundColor: Colors.blue,
          radius: 16,
          child: IconButton(
            // remove default padding here
            padding: EdgeInsets.zero,
            icon: Icon(Icons.add),
            color: Colors.white,
            onPressed: () {},
          ),
        ),

Вывод кода:

Answer 2

Вы можете использовать плавающую кнопку ActionActionButton для достижения этого

Container(
  child: floatingActionButton(
    child: Icon(Icons.add),
  ),
),

Надеюсь, это поможет ..!