Comment mettre à Jour Élevée titre du Bouton sur Pressée, en Particulier, l'indice de la liste.constructeur

Question 1

Voici mon code.

bool isAddedToCart = false;
return ListView.builder(
........
 ElevatedButton (
                        child: isAddedToCart? Text('Added to cart') : Text('Add to cart'),
                         style: ElevatedButton.styleFrom(
                           primary: Constants.primaryColor,
                           onPrimary: Constants.appColor
                         ),
                         onPressed: () async{
                           setState(() {
                             isAddedToCart = !isAddedToCart;
                           });
                           
                         },
                      
                       ),

Le problème est que si je clique sur que des taux élevés de Bouton, le texte de ce bouton a changer sur cet index n'. Mais il est en train de changer dans tous les index qui sont dans la liste.générateur de rapports.

Peut-on avoir une solution pour cela qu'un seul bouton sur une sélection d'index de a à mettre à jour avec le changement de nom.

Question 2

Vous avez besoin de garder le drapeau isAddedToCart pour chaque indice. Vous pouvez la réaliser à l'aide d'un Map. Quelque chose comme ceci:

// class variable scope.
Map<int, bool> isAddedToCartMap = {};

ensuite l'utiliser dans votre widget:

ElevatedButton (
    // if isAddedToCartMap[index] not found, use false as default value.
    child: isAddedToCartMap[index]??false ? Text('Added to cart') : Text('Add to cart'),
     style: ElevatedButton.styleFrom(
       primary: Constants.primaryColor,
       onPrimary: Constants.appColor
     ),
     onPressed: () async{
       setState(() {
         isAddedToCartMap[index] = !isAddedToCartMap[index]??false;
       });
       
     },
  
   ),

Question 3

Tous les articles ont été dépend isAddedToCart mais Vous avez besoin de stocker l'élément sélectionné à l'aide d'indexation distincts

List<int> _selected_item = List();

 ElevatedButton(
              child: _selected_item.contains(index)
                  ? Text('Added to cart')
                  : Text('Add to cart'),
              style: ElevatedButton.styleFrom(),
              onPressed: () async {
                setState(() {
                  // remove or add index to _selected_item
                  if (_selected_item.contains(index))
                    _selected_item.remove(index);
                  else
                    _selected_item.add(index);
                  print(index);
                });
              },
            )

le code source complet

ListView.builder(
          itemCount: 5,
          itemBuilder: (context, index) {
            return ElevatedButton(
              child: _selected_item.contains(index)
                  ? Text('Added to cart')
                  : Text('Add to cart'),
              style: ElevatedButton.styleFrom(),
              onPressed: () async {
                setState(() {
                  // remove or add index to _selected_item
                  if (_selected_item.contains(index))
                    _selected_item.remove(index);
                  else
                    _selected_item.add(index);
                  print(index);
                });
              },
            );
          })

ישו אוהב אותך · Answer 1 · 2021-11-24T05:24:43

Vous avez besoin de garder le drapeau isAddedToCart pour chaque indice. Vous pouvez la réaliser à l'aide d'un Map. Quelque chose comme ceci:

// class variable scope.
Map<int, bool> isAddedToCartMap = {};

ensuite l'utiliser dans votre widget:

ElevatedButton (
    // if isAddedToCartMap[index] not found, use false as default value.
    child: isAddedToCartMap[index]??false ? Text('Added to cart') : Text('Add to cart'),
     style: ElevatedButton.styleFrom(
       primary: Constants.primaryColor,
       onPrimary: Constants.appColor
     ),
     onPressed: () async{
       setState(() {
         isAddedToCartMap[index] = !isAddedToCartMap[index]??false;
       });
       
     },
  
   ),

sa fonctionne très bien, j'ai un dout.. Comment mettre à jour le même bouton 'Ajouter au panier' de nouveau. merci pour la réponse @ישו אוהב אותך

Jahidul Islam · Answer 2 · 2021-11-24T06:01:37

Tous les articles ont été dépend isAddedToCart mais Vous avez besoin de stocker l'élément sélectionné à l'aide d'indexation distincts

List<int> _selected_item = List();

 ElevatedButton(
              child: _selected_item.contains(index)
                  ? Text('Added to cart')
                  : Text('Add to cart'),
              style: ElevatedButton.styleFrom(),
              onPressed: () async {
                setState(() {
                  // remove or add index to _selected_item
                  if (_selected_item.contains(index))
                    _selected_item.remove(index);
                  else
                    _selected_item.add(index);
                  print(index);
                });
              },
            )

le code source complet

ListView.builder(
          itemCount: 5,
          itemBuilder: (context, index) {
            return ElevatedButton(
              child: _selected_item.contains(index)
                  ? Text('Added to cart')
                  : Text('Add to cart'),
              style: ElevatedButton.styleFrom(),
              onPressed: () async {
                setState(() {
                  // remove or add index to _selected_item
                  if (_selected_item.contains(index))
                    _selected_item.remove(index);
                  else
                    _selected_item.add(index);
                  print(index);
                });
              },
            );
          })

@GH vous pouvez essayer ce que j'espère, il va travailler pour vous
il était arriver à défaut lorsque c'est le rechargement. Peut-on faire à l'aide de modèle, si oui, comment?
vous devez suivre ce lien stackoverflow.com/questions/57380673/...

Comment mettre à Jour Élevée titre du Bouton sur Pressée, en Particulier, l'indice de la liste.constructeur

La question

La meilleure réponse

Dans d'autres langues

Cette page est dans d'autres langues

Populaires dans cette catégorie

Questions populaires dans cette catégorie