如何从 TextButton 中删除填充并将其放置在小部件 Flutter 下

Question

需要帮助。我想将文本 Want to get your money? 和 TextButton Redeem 放在按钮 611 下（下面的屏幕截图）删除所有填充。我已经尝试了很多方法，但最终没有成功将小部件放在按钮本身下面。通过Flutter Inspector，可以看到顶部还有一段距离，但是我不明白怎么放在那里。我将不胜感激。

正文

Padding(
        padding: const EdgeInsets.symmetric(horizontal: 24),
        child: Column(
          children: [
            const SizedBox(height: 24),
            const TotalCoinsWidget(
              coins: '611',
            ),
            const RedeemButton(
                textStyle: constants.Styles.smallBookTextStyleWhite,
                buttonStyle: constants.Styles.smallMediumTextStyleWhite),
            Padding(
              padding: EdgeInsets.only(bottom: 50),
              child: Text('Hello'),
            )
          ],
        ),
      );

文本按钮

Widget build(BuildContext context) => Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Text('Want to get your money?', style: textStyle),
          TextButton(
            style: TextButton.styleFrom(
              padding: EdgeInsets.zero,
              minimumSize: Size.zero,
            ),
            onPressed: () {},
            child: Text(
              'Redeem',
              style: buttonStyle,
            ),
          ),
        ],
      );

TotalCoinsWidget

Widget build(BuildContext context) => Container(
        alignment: Alignment.center,
        width: _width,
        height: _height,
        decoration: BoxDecoration(
          color: color,
          borderRadius: BorderRadius.circular(25),
          boxShadow: [
            BoxShadow(
                color: color.withOpacity(0.5),
                blurRadius: _blurRadius,
                offset: Offset(_xOffset, _yOffset)),
          ],
        ),
        child: Text(
          coins,
          style: textStyle,
        ),
      );

Answer 1

您正在使用 TextButton 小部件，如果您查看属性 style: TextButton.styleFrom(),，您会发现一个名为 tapTargetSize 的属性，默认情况下 tapTargetSize 属性使用 MaterialTapTargetSize.padded，要解决您的问题，您必须将 tapTargetSize 属性分配给 MaterialTapTargetSize.shrinkWrap 以将点击目标大小缩小到最小大小.

如何从 TextButton 中删除填充并将其放置在小部件 Flutter 下

How to remove padding from TextButton and place it under widget Flutter

flutter

dart

flutter-layout