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

Question

Я хочу, чтобы текст (Facebook) отображался точно под изображением (значок fb) без пробелов.Ниже приведен код на данный момент:

@override   Widget build(BuildContext context) {
    return Scaffold(
      // prevent pixel overflow when typing
      resizeToAvoidBottomPadding: false,
      body: Container(
        decoration: BoxDecoration(
            image: DecorationImage(
                image: AssetImage(
                  "assets/login_background.png",
                ),
                fit: BoxFit.cover)),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          //  mainAxisAlignment: MainAxisAlignment.spaceAround,
          children: <Widget>[

           Image(
              image: AssetImage("assets/fb_icon.png"),
              width: 180.0,
              height: 250.0,
            ),
            new Text('Facebook.',
                style: TextStyle(
                    fontStyle: FontStyle.italic,
                    color: Colors.white,)),
            _textFields(),
            _signInButton(),
            _socialMediaSignIns(),
            _accountButtons()
          ],
        ),
      ),
    );
   }
 }

В настоящее время я вижу вот так и хотел бы убрать пробел между изображением и текстом.

Answer 1

На самом деле вы должны использовать BoxFit.cover, чтобы увидеть это в действительности, потому что изображение имеет меньшую физическую высоту, чем то, что ему выделяется.

Вот решение

       Image(
          image: AssetImage("assets/fb_icon.png"),
          width: 180.0,
          height: 250.0,
          fit: BoxFit.cover,
        ),

Вы можете попробовать другой BoxFit, чтобы увидеть, какой из них подходит вам лучше.

Answer 2

Image(
  image: AssetImage("assets/fb_icon.png"),
),
Text('Facebook.',
    style: TextStyle(
      fontStyle: FontStyle.italic,
      color: Colors.white,))

В этом случае не должно быть отступов.Вы можете проверить заполнение точно в png файле таким образом:

Image(
  image: AssetImage("assets/fb_icon.png"),
  color: Colors.red,
  colorBlendMode: BlendMode.multiply,
),

Это покажет реальные границы вашего изображения