仅将指定的可选参数传递给基础小部件

时间:2020-03-04 12:43:08

标签: flutter dart

假设我有一个简单的函数,可以将URL导入svg图像并返回小部件:

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

我想仅将widthheight参数应用于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, // <-- 
  )
}

我该怎么做?

2 个答案:

答案 0 :(得分:2)

如果参数是可选的,则表示它可以为null。为此,接收器函数应确保它是否为空。

因此,您只需使用

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

答案 1 :(得分:0)

您无法无条件地传递参数。如果希望SvgPicture小部件使用其默认值heightwidth(如果有),则可以将null传递给这些参数。在这种情况下,将null传递到heightwidth与完全不使用SvgPicture中的那些参数具有完全相同的效果。

因此,最可读的方法是:

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

作为旁注,我建议始终在函数中进行类型注释参数,即声明高度和宽度为double