0
votes

Comment puis-je utiliser Liste View.Builder et Article Builder avec une plage de sélection?

permet de dire que j'ai une liste de nombres de un à dix. Comment puis-je utiliser Liste View Builder / Article Builder à, dites, imprimer uniquement 2-7 ou 7-9 au lieu de toute la liste?


1 commentaires

Fondamentalement, comment puis-je spécifier une plage?


3 Réponses :


0
votes

Liste des vues Construisez ses articles un par un. Si vous avez attribué une clé à chaque élément, puis de retourner, vous pouvez essayer de renvoyer un widget vide si cette touche est remplie si cette touche est remplie.

Mettez votre gamme dans une liste et vérifiez si l'élément, la vue de la liste renvoie à cette propriété xxx

modifier la vue de la liste, xxx


0 commentaires

0
votes

au lieu de donner un widget de conteneur inutile, vous devez utiliser l'articlebuilder et les mathématiques simples. Prendre votre exemple Supposons que nous ayons une liste de numéros: xxx pré>

Nous pouvons désormais avoir un index de démarrage et de fin pour lequel vous souhaitez que la liste soit affichée p>

Widget build(BuildContext context) {
    List<int> numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
    int startIndex = 2;
    int endIndex = 6;
    int itemCount = (endIndex - startIndex) + 1;
    return Scaffold(
      body: Center(
        child: SizedBox(
          height: 300,
          width: 100,
          child: ListView.builder(
              itemCount: itemCount,
              itemBuilder: (context, index) {
                return (Text(numbers[startIndex + index].toString()));
              }),
        ),
      ),
    );
  }


0 commentaires

1
votes

Vous pouvez utiliser la bibliothèque principale fournie par DART pour gérer la génération de valeurs à la liste, comme suit: xxx

puis boucle via votre liste dans listview.builder ou utilisez simplement ListView depuis votre destin t une énorme liste, xxx

avec une certaine amélioration, toute l'application de travail serait la suivante: xxx

comme bonus, Vous pouvez utiliser la classe du curseur pour l'améliorer: ici


1 commentaires

Veuillez accepter et uppote la réponse si vous le trouvez correctement et utile.