如何在Flutter中缩放芯片布局框以及芯片内部包装

时间:2020-01-18 16:53:05

标签: flutter

在包装内,我有一个表示标签的StatelessWidget数组。现在,子窗口小部件仅返回一个Chip。我的Tag小部件的构建方法如下:

  Widget build(BuildContext context) {
    return Chip(
        label: Text('#the-tag-name'));
  }

芯片显示如下:

Original

我想渲染较小的芯片,所以按照建议here,我将其更新为:

  Widget build(BuildContext context) {
    return Transform(
      transform: Matrix4.identity()..scale(0.8),
      child: Chip(
          label: Text('#the-tag-name')),
    );
  }

这是结果:

Scaled

我想保留芯片之间的初始间距,但似乎该转换并没有改变芯片的原始布局大小:

Scaled with debug paint

调试画图在每个芯片的右侧和底部显示了其他非比例填充。有什么办法可以删除?

0 个答案:

没有答案