Flutter Layout Container Margin

Question

J'ai un problème avec ma disposition Flutter.

J'ai un simple conteneur avec une marge droite et gauche de 20,0. À l'intérieur de ce conteneur, j'ai un autre conteneur.

Mais ce conteneur ne s'adapte pas au conteneur parent uniquement sur le côté gauche. Je ne sais pas pourquoi cela se produit.

Voici mon code:

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      backgroundColor: Colors.white,
      body: new Container(
        margin: new EdgeInsets.symmetric(horizontal: 20.0),
        child: new Container(

        )
      ),
    );
  }

Capture d'écran du problème

Answer 1

Vous pouvez utiliser les valeurs gauche et droite :)

@override
      Widget build(BuildContext context) {
        return new Scaffold(
          backgroundColor: Colors.white,
          body: new Container(
           margin: const EdgeInsets.only(left: 20.0, right: 20.0),
            child: new Container(

            )
          ),
    );
  }

Answer 2

Tu peux essayer:

new Container(
    margin: const EdgeInsets.only(left: 20.0, right: 20.0),
    child: new Container()
)