Как сделать полноэкранное фоновое изображение, которое можно переводить без пробелов

Question

Это создает полноэкранное фоновое изображение, которое можно перемещать с полем, но оно создает пустую полоску внизу.

          Container(
            margin: EdgeInsets.only(bottom: 50),
            child: Container(
              decoration: BoxDecoration(
                color: snapshot.data.color,
                image: DecorationImage(
                  image: AssetImage("assets/overlay.png"),
                  fit: BoxFit.cover,
                ),
              ),
            ),
          ),

Как я могу создать полноэкранное фоновое изображение, которое немного больше, чем область просмотра, и иметь возможность перемещать его без каких-либо отсечек или пробелов?

Answer 1

Это пример кода, как установить полное фоновое изображение попробуйте это

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