[Flutter 实战] Widget 设置背景图

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

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

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

  1. Stack 叠加方式
Stack(
  children: <Widget>[
    new Image(
        fit: BoxFit.fitWidth,
        width: double.infinity,
        image: AssetImage("img/coupon.png")
    ),
    Padding(
      padding: EdgeInsets.all(5),
      child: IntrinsicHeight(
        child: Row(
          children: <Widget>[ ],
        ),
      ),
    )
  ],
);
  1. Container 设置BoxDecoration
Container(
  padding: EdgeInsets.only(left: 5),
  width: double.infinity,
  height: 88,
  decoration: BoxDecoration(
    color: itemBgColor
  ),
  child: Row(
    crossAxisAlignment: CrossAxisAlignment.center,
    children: <Widget>[],
   ),
);
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容