Problème de mise en page

Bonjour à tous,

Je suis nouveau sur le forum et débutant dans ce nouveau type de langage de programmation.

Je suis en stage afin de pouvoir m’améliorer sur ce langage.

Après avoir fait le header dans mon menu, j’aimerais pouvoir accéder au body puis au bas de page mais dé que je rajoute un élément, il ne s’affiche que dans le header.

Je vous mets un screen du menu et du code en question.

import ‹ package:flutter/material.dart ›;

void main() {
runApp(MyApp());
}

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: ‹ CFTC ›,
theme: ThemeData(
primarySwatch: Colors.blue,
visualDensity: VisualDensity.adaptivePlatformDensity,
),
home: Accueil(),
);
}
}

class Accueil extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(actions: [
Image.network(
‹ https://lh3.googleusercontent.com/proxy/jP6qFZbQKze_R6nxS6HoRsLYQ1xoq95bwP06VFCjFKeZNrJVbeTnIl3OyCgdZXS6XWiWgxn306OJx_ms97zLEzIQzcwjqQ ›),
Spacer(),
Row(
children: [
Text(" Syndicat Constructif,\nPartenaire du Dialogue Social"),
Row(children: [
Container(
child: Align(
alignment: Alignment(1.00, 0.00),
child: Text(’ CFTC-FPT 34 ')),
),
Icon(
Icons.more_vert,
size: 40.0,
)
]),
],
)
]));
}
}

Salut @RodC,

Effectivement, tout ce que tu mets est dans la propriété AppBar, donc forcément tout est dedans.

Pour changer de zone, il y a d’autres propriétés comme body pour le corps de l’app et bottomNavigationBar ou bottomSheet pour le bas de l’application.

Pour avoir toutes les propriétés du Scaffold, je t’envoie ici :

https://api.flutter.dev/flutter/material/Scaffold-class.html#instance-properties

1 J'aime

Salut @ThonyF, en effet, j’avais oublié les différentes priorités,

J’ai créé une nouvelle classe « Main » pour le body :

Mais je n’arrive pas à afficher la classe Accueil et à la fois la clases Main.

J’imagine que la réponse doit se trouver Classe MyApp mais je ne trouve pas

import ‹ package:flutter/material.dart ›;

void main() {

runApp(MyApp());

}

class MyApp extends StatelessWidget {

@override

Widget build(BuildContext context) {

return MaterialApp(

  title: 'CFTC',

  theme: ThemeData(

    primarySwatch: Colors.blue,

    visualDensity: VisualDensity.adaptivePlatformDensity,

  ),

  home: Accueil(),

);

}

}

class Accueil extends StatelessWidget {

@override

Widget build(BuildContext context) {

return Scaffold(

    appBar: AppBar(actions: <Widget>[

  Image.network(

      'https://lh3.googleusercontent.com/proxy/jP6qFZbQKze_R6nxS6HoRsLYQ1xoq95bwP06VFCjFKeZNrJVbeTnIl3OyCgdZXS6XWiWgxn306OJx_ms97zLEzIQzcwjqQ'),

  Spacer(),

  Row(

    children: [

      Text("        Syndicat Constructif,\nPartenaire du Dialogue Social"),

      Row(children: [

        Container(

          child: Align(

              alignment: Alignment(1.00, 0.00),

              child: Text('     CFTC-FPT 34 ')),

        ),

        Icon(

          Icons.more_vert,

          size: 40.0,

        )

      ]),

    ],

  ),

]));

}

}

class Main extends StatelessWidget {

@override

Widget build(BuildContext context) => MaterialApp(

    home: Scaffold(

      body: Center(

        child: Text("Ceci doit être le main de l'appli"),

      ),

    ),

  );

}

J’ai trouvé le moyen de rentrer de afficher les propriétés du Scaffold, je me suis compliqué la tâche pour rien.

Je te remercie de m’avoir aidé !

import ‹ package:flutter/material.dart ›;

void main() {

runApp(MyApp());

}

class MyApp extends StatelessWidget {

@override

Widget build(BuildContext context) {

return MaterialApp(

  title: 'CFTC',

  theme: ThemeData(

    primarySwatch: Colors.blue,

    visualDensity: VisualDensity.adaptivePlatformDensity,

  ),

  home: Accueil(),

);

}

}

class Accueil extends StatelessWidget {

@override

Widget build(BuildContext context) {

return Scaffold(

    appBar: AppBar(actions: <Widget>[

      Image.network(

          'https://lh3.googleusercontent.com/proxy/4s4YtZNSKUYESSVMo2zWgFjlGbMjwZasdCBIR3deUsACXjaKdH59rknTz5EfxivdQWdW_XCR7LWtvO3h_Usl6WehyuO6jg'),

      Spacer(),

      Row(

        children: [

          Text(

              "        Syndicat Constructif,\nPartenaire du Dialogue Social"),

          Row(children: [

            Container(

              child: Align(

                  alignment: Alignment(1.00, 0.00),

                  child: Text('     CFTC-FPT 34 ')),

            ),

            Icon(

              Icons.more_vert,

              size: 40.0,

            )

          ]),

        ],

      ),

    ]),

    body: Center(

      child: Text("Ceci doit être le main de l'appli"),

    ));

}

}

1 J'aime