Question 172077 in Flutter Question posted in
The official Flutter documentation can be found here.

Can icons be placed close together in Flutter despite padding?

I want to have two icons/icon buttons as shown in the image. Due to padding there is always a space between them. how to remove the padding or is there another solution for this?enter image description here

Tags:

2

Answers


  2. 0

    Those specific icons use a lot of empty space.
    I would recreate this effect by using a stack and offsetting the two icons.

    I quickly put this together. Hope it helps.

    enter image description here

    Widget build(BuildContext context) {
return Container(
  width: 40,
  height: 40,
  decoration: BoxDecoration(
    color: Color(0x00FFFFFF),
  ),
  child: Stack(
    children: [
      Align(
        alignment: AlignmentDirectional(0, 0.4),
        child: Icon(
          Icons.arrow_drop_down,
          color: Color(0xFF797979),
          size: 24,
        ),
      ),
      Align(
        alignment: AlignmentDirectional(0, -0.4),
        child: Icon(
          Icons.arrow_drop_up,
          color: Color(0xFFAAAAAA),
          size: 24,
        ),
      ),
    ],
  ),
);

    }

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search