颤振-变换的大小。缩放小部件在缩放其子部件时不会更改

Question

我有一个小部件A，我想缩放（像素完美）。根据设备的显示宽度，A的大小应该增加或减少。我尝试了Transform.scale小部件来更改A的大小。这工作得很好，但是Transform.scale小部件的大小永远不会改变。它总是与A的原始大小相匹配（不缩放）。有没有办法强制Transform.scale总是采用其子级的大小？或者有替代方法吗？

您可以在此处找到显示当前和所需情况的图像

编辑：小部件A及其子部件应均匀收缩/增长。它们之间的比率不应改变。

这是我目前尝试的代码

_buildWidgetA(scalingFactor) {
  return Transform.scale(
    scale: scalingFactor,
    child: A(),
  );
}

Answer 1

要根据设备的宽度缩放小部件，可以使用Media Query更改缩放：

第一种方法：

@override
Widget build(BuildContext context) {
  double width = MediaQuery.of(context).size.width; //getting the current width

  return Scaffold(
    body: Transform.scale(
      scale: width <= 420 ? 0.5 : 0.8,
      child: Align(
        child: Container(
          alignment: Alignment.center,
          width: 420,
          height: 420,
          color: Colors.red,
          child: Text('Example', style: TextStyle(fontSize: 50),),
        ),
      ),
    )
  );
}

第二种方法：

Scaffold(
  body: Container(
    alignment: Alignment.center,
    width: width * 0.5,
    height: width * 0.5,
    color: Colors.green,
    child: Text(
      'Example Text',
      textAlign: TextAlign.center,
      style: TextStyle(
        fontSize: width * 0.1,
      ),
    ),
  ),
);

Answer 2

得益于@LOfG的输入，我了解到使用Transform无法实现所需的行为。缩放小部件。不幸的是，此小部件不会更改其大小以匹配缩放子部件的尺寸，但始终保持宽度和宽度

我找到了另一个小部件，

https://api.flutter.dev/flutter/widgets/FittedBox-class.html

_buildWidgetA(width, height) {
    return Container(
        width: width,
        height: height,
        child: FittedBox(
            child: A(),
        ),
    );
}