Flutter DecorationImage 组件的使用

6 min read

Flutter的DecorationImage组件用于为控件添加背景图片,并支持常见的操作,例如缩放、填充、裁剪等。下面是一个简单的使用示例:

Container(
  decoration: BoxDecoration(
    image: DecorationImage(
      image: AssetImage('assets/images/bg.jpg'),
      fit: BoxFit.cover,
    ),
  ),
  child: ...
)

在上面的示例中,我们创建了一个Container控件,并使用了BoxDecoration来添加了一个背景图片。其中,DecorationImage通过设置image属性来指定图片的来源,fit属性则指定了图片的填充方式,这里使用了cover来保证图片可以完全填充Container控件。

除此之外,DecorationImage还支持其他诸如alignment、repeat等属性,以便更好地控制背景图片的显示效果。