美文网首页Flutter
flutter 设置背景图片

flutter 设置背景图片

作者: Victory_886 | 来源:发表于2019-08-14 22:53 被阅读0次

设置背景图片

做移动开始的朋友都知道项目中很多时候要用到用图片做背景,当然flutter也可以设置背景图片。
具体代码如下:

class BackgroundImgDemo extends StatelessWidget {
  const BackgroundImgDemo({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        image: new DecorationImage(
          fit: BoxFit.cover,
          image: new NetworkImage(
              'https://randomuser.me/api/portraits/men/43.jpg'),
        ),
      ),
      child: Container(
        color: Colors.red.withOpacity(.5),
        child: Center(
          child: Text(
            "我在图片的上面哦~",
            style: TextStyle(color: Colors.white, fontSize: 33),
          ),
        ),
      ),
    );
  }
}

运行效果如下:


效果图片

相关文章

  • flutter 设置背景图片

    设置背景图片 做移动开始的朋友都知道项目中很多时候要用到用图片做背景,当然flutter也可以设置背景图片。具体代...

  • [Flutter]设置背景图片

    需求:给整个屏幕设置背景图片。 实现:可以通过给Container设置BoxDecoration实现背景图片效果。...

  • [Flutter 实战] Widget 设置背景图

    在此记录项目中所遇到问题及解决方案 Flutter给Wideget设置背景图片或颜色,并不像Android那么直接...

  • 设置背景图片及相关属性

    设置背景图片: 在CSS可以通过background-image: url();设置背景图片 控制背景图片的平铺方...

  • CSS边框图片--跟着李南江学编程

    一、形成border背景图片的原理 边框不只可以设置颜色,还可以设置背景图片,当给边框设置背景图片后,backgr...

  • 24.css背景样式,背景图片,重复方式,是否随页面滚动,简写方

    设置背景样式 设置背景图片 使用background-image来设置背景图片语法:background-imag...

  • 背景图片的使用

    设置背景图片

  • CSS背景图设置

    一、背景图设置使用背景图片,设置为全屏方式1:全部使用background设置 背景图片背景尺寸背景图是否重复背景...

  • 背景

    设置背景样式 用background-image:url(图片相对路径);设置背景图片如果背景图片大于元素,默认会...

  • 背景

    设置背景颜色:background-color设置背景图片: 背景图片平铺: 背景定位 背景关联方式:滚动条和背景...

网友评论

    本文标题:flutter 设置背景图片

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