仅将指定的可选参数传递给底层小部件

Question

假设我有一个简单的函数，它接受一个指向 svg 图像的 URL 并返回一个小部件：

Widget loadImage(String url, { height, width }) {
  // Wrap URL in an SvgPicture and return
  return SvgPicture.network(url)
}

仅当定义了width和height参数时， SvgPicture才想将它们应用于SvgPicture 。 像这样（尽管这显然会导致语法错误）：

Widget loadImage(String url, { height, width }) {
  // Wrap URL in an SvgPicture and return
  return SvgPicture.network(
    url,
    if(height) height : height, // <-- 
    if(width) width : width, // <-- 
  )
}

我该怎么做呢？

Answer 1

如果参数是可选的，则意味着它可以为空。 因此，接收器函数应确保它是否为空。

所以，你可以简单地使用

Widget loadImage(String url, {double height,double width }) {
  return SvgPicture.network(
        url,
        height: height,
        width: width
      )
}

Answer 2

没有办法不能有条件地传递参数。 如果您希望SvgPicture小部件使用其默认height和width （如果有），则可以将null传递给这些参数。 在这种情况下，将null传递给height和width与在SvgPicture中根本不使用这些参数具有完全相同的效果。

因此，最易读的方法是：

Widget loadImage(String url, {double height, double width}) {
  return SvgPicture.network(
        url,
        height: height,
        width: width
      )
}

作为旁注，我建议始终在函数中对参数进行类型注释，即声明 height 和 width 是double 。