代码之家 › 专栏 › 技术社区 › Anuj TBE

堆叠多个图标以抖动图标按钮

flutter-layout flutter

Anuj TBE · 技术社区 · 4 年前

我有一个 IconButton 并希望堆叠两个图标,使其看起来像

我试过了 Row 布局式

CircleAvatar(
  radius: avatarRadius,
  child: IconButton(
    icon: Row(
      children: [
        Icon(
          Icons.add,
          color: Colors.white,
        ),
        Icon(
          Icons.message,
          color: Colors.white,
        ),
      ]
    ),
    onPressed: _onAddMessageButtonClick,
  ),
),

A RenderFlex overflowed by 24 pixels on the right.

0 回复 | 直到 4 年前

AskNilesh 4 年前

去除 IconButton 小部件

试试这个

        CircleAvatar(
          radius: 40,
          child:  GestureDetector(
            onTap: (){
              // perform click here
            },
            child: Row(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Icon(
                    Icons.add,
                    color: Colors.white,
                  ),
                  Icon(
                    Icons.message,
                    color: Colors.white,
                  ),
                ]
            ),
          ),
        ),