Comment faire deux rouleaux dans une seule page, le premier horizontal, le deuxième vertical, comme sur la photo. Partagez les options, merci. Entrez la description de l'image ici
3 Réponses :
Hey, vous pouvez suivre une mise en page comme celle-ci. Cela fonctionnera tout ce que vous avez à faire est d'ajuster les hauteurs.
Scaffold(
body: Column(
children: [
//for horizontal scroll
Container(
height: 150.0, //adjust it yourself
width: 300.0, //adjust it yourself
//you can make it responsive if you use media query
child: SingleChildScrollView(
scrollDirection: Axis.horizontal,
child: Row(
children: [
//Your children for horizontal scroll
],
),
),
),
SizedBox(
height: 10.0,
),
//For vertical scroll
Container(
height: 750.0, //adjust it yourself
width: 300.0, //adjust it yourself
//you can make it responsive if you use media query
child: SingleChildScrollView(
scrollDirection: Axis.horizontal,
child: Column(
children: [
//Your children for vertical scroll
],
),
),
),
],
),
);
Avec ce code, vous pouvez attacher un rouleau vertical jusqu'au sommet de la page?
L'image semble avoir deux listview code> S, c'est-à-dire une seule horizontale et seconde verticalement. CustomScrollView{
slivers: []
}
Comme Aman Kumar mentionné ci-dessus, je pense que deux ListViews est la voie à suivre. Voici un exemple d'entre eux en utilisation.
Alice, comment puis-je augmenter le défilement inférieur au niveau supérieur de l'écran?
Dans l'exemple que j'ai fourni, si vous remplacez le développé directement au-dessus du premier listview avec un SIZ-BOX et donnez-lui une hauteur spécifiée, vous pouvez limiter sa taille à la section supérieure semblable à votre exemple fourni.
Pourrait montrer du code que vous avez peut-être essayé qui ne fonctionne pas?
pas encore fait, je veux savoir comment faire cela