0

我正在用颤振的网络制作一个投资组合。我创建了社交句柄的 iconButtons。但是当我尝试点击 iconButtons 时，填充不正确。

我尝试通过添加填充、分隔行来修复它，但没有成功。您可以查看下图作为我想说的参考。 单击此处查看 web 视图调试绘制图像

这是我添加这些图标按钮的行小部件-

   class IntroductionRow extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      height: 90.0,
      child: Row(
        mainAxisSize: MainAxisSize.max,
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          ContactIcon(iconData: FontAwesomeIcons.github, onPress: kLaunchGithubURL,),
          // SizedBox(width: 30.0,),
          ContactIcon(iconData: FontAwesomeIcons.linkedin, onPress: kLaunchLinkedInURL,),
          // SizedBox(width: 30.0,),
          ContactIcon(iconData: Icons.mail, onPress: kLaunchMailURL,),
          // SizedBox(width: 30.0,),
          ContactIcon(iconData: FontAwesomeIcons.telegram, onPress: kLaunchTelegramURL, ),
          // SizedBox(width: 30.0,),
          ContactIcon(iconData: FontAwesomeIcons.code, onPress: kLaunchLeetCodeURL,),
        ],
      ),
    );
  }
}


//This is the widget of iconButton- 
class ContactIcon extends StatelessWidget {

  final IconData iconData;
  final Function onPress;
  final bool isMobile;

  ContactIcon({@required this.iconData, this.onPress, this.isMobile = false});

  @override
  Widget build(BuildContext context) {
    return IconButton(
      padding: EdgeInsets.symmetric(horizontal: 30.0),
      hoverColor: Colors.blueAccent,
        focusColor: Colors.blueAccent,
        icon:
        Center(
          child: Icon(
              iconData,
              size: isMobile ? 30.0 : 60.0 ,
              color: Colors.white),
        ),
        onPressed: onPress);
  }
}

我最近开始颤振，这就是为什么我对所有小部件都不太了解 - 如果您发现任何其他错误，请告诉我。

4

1 回答 1

0

我找到了我的问题的解决方案。我只需要在我的 IconButton 中添加约束

约束：BoxConstraints.expand（宽度：80，高度：80），

而且我不得不使用 sizedBox 而不是填充。

于 2021-01-15T23:40:49.223 回答