我有一个A要缩放的小部件(像素完美)。根据设备的显示宽度,A应该增加或减少的大小。我尝试使用Transform.scale小部件来更改A. 这很有效,但Transform.scale小部件的大小永远不会改变。它始终匹配A(不缩放)的原始大小。有没有办法强制Transform.scale它总是采用其孩子的大小?或者有没有替代方法?
您可以在此处找到显示当前和所需情况的图像
编辑:
小部件A及其子项应该均匀地缩小/增长。它们之间的比例不应改变。
这是我目前尝试的代码
_buildWidgetA(scalingFactor) {
return Transform.scale(
scale: scalingFactor,
child: A(),
);
}
Run Code Online (Sandbox Code Playgroud) 我有一个表格小部件,我必须调整一个单元格的背景颜色。所以我在Container小部件中放了一个小TableCell部件并设置它的颜色。如果该行的所有单元格具有相同的高度 (b1),则此方法工作正常。但是,如果另一个单元格的高度更大 (b2),我的方法就会失败,正如您在此图像中看到的那样。
我知道它的高度Container与其孩子的高度相匹配,而不是其父母的高度。但我想不出更好的方法。有任何想法吗?
这是我用于表的代码:
Table(
border: TableBorder.symmetric(
inside: BorderSide(width: 1, color: AppColors.grey600),
outside: BorderSide.none
),
children: [
TableRow(
children: [
TableCell(child: Container(child: Text('a'))),
TableCell(child: Container(child: Text('b'))),
TableCell(child: Container(child: Text('c'))),
],
),
TableRow(
children: [
TableCell(child: Container(child: Text('abc abc abc'))),
TableCell(child: Container(color: Colors.grey[300], child: Text('b'))),
TableCell(child: Container(child: Text('c'))),
],
),
TableRow(
children: [
TableCell(child: Container(child: Text('a'))),
TableCell(child: Container(child: Text('b'))),
TableCell(child: Container(child: Text('c'))),
],
)
]
)
Run Code Online (Sandbox Code Playgroud)