[Flutter 实战] Widget 设置背景图

在此记录项目中所遇到问题及解决方案

Flutter给Wideget设置背景图片或颜色,并不像Android那么直接。

Flutter 的设置方式有以下两种:

  1. Stack 叠加方式
Stack(
  children: [
    new Image(
        fit: BoxFit.fitWidth,
        width: double.infinity,
        image: AssetImage("img/coupon.png")
    ),
    Padding(
      padding: EdgeInsets.all(5),
      child: IntrinsicHeight(
        child: Row(
          children: [ ],
        ),
      ),
    )
  ],
);
  1. Container 设置BoxDecoration
Container(
  padding: EdgeInsets.only(left: 5),
  width: double.infinity,
  height: 88,
  decoration: BoxDecoration(
    color: itemBgColor
  ),
  child: Row(
    crossAxisAlignment: CrossAxisAlignment.center,
    children: [],
   ),
);

你可能感兴趣的:([Flutter 实战] Widget 设置背景图)