0
votes

Comment mettre des éléments sous l'autre avec une liste de réception?

J'ai du mal à mettre des objets sous lesquels une liste de réception est impliquée.

J'ai ce code: p> xxx pré>

Ça me donne le Résultat à gauche, mais j'aimerais que celui à droite: p>

mises en page p>

J'ai essayé de mettre la liste de liste dans un conteneur (avec Un hauteur: double.MAXFinite code>) mais sa donne-moi un: inférieur débordé par x pixels code>. p>

EDIT EM > strong>: Voici le résultat que j'essaie d'atteindre (exécuter l'extrait de "page complète"): p>

p>

<div class="mobile">
  <div class="appbar">AppBar</div>
  <div class="text">Text</div>
  <div class="list-view">ListView</div>
  <div class="text">Text</div>
</div>


0 commentaires

3 Réponses :


0
votes

Essayez celui-ci

corps: Colonne( enfants: [ Texte ('foo'), Étendu( Enfant: Conteneur ( Enfant: listview.builder ( Strinkwrap: vrai, itemBuilder: ......., nombre d'éléments: ....., ), ), ), Texte ('bar') ] ) ,

Ce code a fonctionné pour moi.


1 commentaires

Non, même résultat que mon image gauche.



0
votes

Vous pouvez ajouter le haut et le bas FOO et Bar comme premier et dernier élément de la liste. Le listview aura list.longueur + 2 éléments. XXX


3 commentaires

J'ai édité mon message avec un exemple en HTML / CSS. Avec votre solution, mon «foo» sera toujours fixé au sommet de mon corps.


J'ai édité la réponse pour inclure "FOO" comme premier élément de la liste.


Quoi qu'il en soit, la réponse qui utilise SLIGS devrait être la voie à suivre.



1
votes

Vous devez utiliser une notification de CentrageCrollView

CustomScrollView(
    slivers: <Widget>[
      SliverToBoxAdapter(
        child: Text("Text"),
      ),
      SliverList(
        delegate: SliverChildListDelegate( [
              Container(
                height: 200.0,
                decoration: BoxDecoration(color: Colors.orange),
              ),
              Container(
                height: 400.0,
                decoration: BoxDecoration(color: Colors.pink),
              ),
              Container(
                height: 500.0,
                decoration: BoxDecoration(color: Colors.blue),
              )
            ]),
      ),
      SliverToBoxAdapter(
        child: Text("Text"),
      ),
    ],
  ) 


0 commentaires