我如何制作可以无间隙转换的全屏背景图像

时间:2018-08-30 19:24:19

标签: flutter

这将创建一个全屏背景图像,可以边距移动它,但是会在底部创建一个空白的条子。

gc

如何创建比视口稍大的全屏背景图像,并且能够在没有任何剪切或间隙的情况下四处移动?

1 个答案:

答案 0 :(得分:0)

这是如何设置完整背景图像的示例代码

return new Container(
  child: new Stack(
    children: <Widget>[
     new Container(
       decoration: BoxDecoration(
//             color: snapshot.data.color,
         image: DecorationImage(
//               image: AssetImage("assets/overlay.png"),
              image: NetworkImage('http://www.vactualpapers.com/web/images/April-28-2016/Glitters%20in%20the%20Air%20HD%20Mobile%20Wallpaper.jpg'),
           fit: BoxFit.cover,
         ),
       ),
     ),
      new Scaffold(
        appBar: new AppBar(
          title: new Text('Full Background img'),
          backgroundColor: const Color(0xFF121F2B),
        ),
        backgroundColor: Colors.transparent,
        body: new Center(
          child: new Text('Hello How are you?', 
            style: new TextStyle(fontSize: 20.0, color: Colors.white),),
        ),
      )
    ],
  ),
);