web-dev-qa-db-fra.com

Y a-t-il un moyen d'inclure plusieurs enfants dans un conteneur?

C'est le code complet:

class Application extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new Scaffold(
       body: new Container(
         color: Color(0xff258DED),
         height: 400.0,
         alignment: Alignment.center,
         child: new Container(
           height: 200.0,
           width: 200.0,
           decoration: new BoxDecoration(
             image: DecorationImage(
                 image: new AssetImage('assets/logo.png'),
             fit: BoxFit.fill
             ),
             shape: BoxShape.circle
           ),
         ),
         child: new Container(
          child: new Text('Welcome to Prime Message',
            textAlign: TextAlign.center,
            style: TextStyle(
                fontFamily: 'Aleo',
                fontStyle: FontStyle.normal,
                fontWeight: FontWeight.bold,
                fontSize: 25.0,
                color: Colors.white
            ),
          ),
         ),
        ),
      ),
    );
  }
}

J'ai essayé d'ajouter un Container en haut puis ajouté deux enfants à l'intérieur. Le premier enfant fonctionne bien, mais le second enfant me donne une erreur comme "l'argument du paramètre nommé" enfant "était déjà spécifié".

4
Ranto Berk

Dans le conteneur ne peut être que l'enfant. Vous devez utiliser un widget de colonne et ajouter des widgets de conteneur en tant qu'enfants si vous leur souhaitez position verticalement.

 @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new Scaffold(
        body: new Container(
          color: Color(0xff258DED),
          height: 400.0,
          alignment: Alignment.center,
          child: Column(
            children: <Widget>[
              Container(
                height: 200.0,
                width: 200.0,
                decoration: new BoxDecoration(
                    image: DecorationImage(
                        image: new AssetImage('assets/logo.png'),
                        fit: BoxFit.fill
                    ),
                    shape: BoxShape.circle
                ),
              ),
              Container(
                child:Text('Welcome to Prime Message',
                  textAlign: TextAlign.center,
                  style: TextStyle(
                      fontFamily: 'Aleo',
                      fontStyle: FontStyle.normal,
                      fontWeight: FontWeight.bold,
                      fontSize: 25.0,
                      color: Colors.white
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }

conseil n ° 1 Vous n'avez pas à utiliser "Nouveau" mot pour créer un objet. Conseil n ° 2 Lisez sur la colonne, la rangée et la pile sur flutter.dev

0
Krzysztof Wizner