图标下方的Flutter字体真棒文字

时间:2018-08-31 15:04:08

标签: dart flutter

我在Flutter应用程序中使用了超棒的字体图标,并且试图在图标下方放置描述性文字。我希望在IconButton类中有一个属性,但是看不到。这是我的代码:

Container(
                margin: EdgeInsets.all(25.0),
                  child: IconButton(
                     icon: new Icon(FontAwesomeIcons.checkSquare,),
                     iconSize: 60.0,
                     color: const Color(0xFF0099a9),
                      onPressed: () { print("Pressed"); }
                  )

              ),

1 个答案:

答案 0 :(得分:1)

几天前我遇到了这个问题,这是我的解决方法:

Container(
  margin: EdgeInsets.all(25.0),
  child: Column(
    children: <Widget>[
      GestureDetector(
          child: Icon(
            FontAwesomeIcons.checkSquare,
            size: 60.0,
            color: const Color(0xFF0099a9),
          ),
          onTap: () {
            print("Pressed");
          }),
      Text("Some Text")
    ],
  ),
),

使用此解决方案,您可以使用更多功能。

也许有一个更干净的解决方案,但是这个解决方案非常适合制作带有可点击图标的文本;)

祝你有美好的一天!