美文网首页
[Flutter 实战] Widget 设置背景图

[Flutter 实战] Widget 设置背景图

作者: 寅丁 | 来源:发表于2019-05-22 09:31 被阅读0次

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

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>[],
   ),
);

相关文章

网友评论

      本文标题:[Flutter 实战] Widget 设置背景图

      本文链接:https://www.haomeiwen.com/subject/grzezqtx.html