Jak Aktualizovat Zvýšené Tlačítko title na Stisknutí Zejména index ListView.stavitel

0

Otázka

Tady je můj kód.

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;
                           });
                           
                         },
                      
                       ),

Problém je, když jsem klikněte na to, že zvýšené Tlačítko text tlačítko změnit na index. Ale to se mění ve všech indexu, které jsou v listview.builder.

Může někdo máte řešení pro to, že pouze jedno tlačítko na zvolený index musí aktualizovat s změnil jméno.

flutter
2021-11-24 05:13:26
2

Nejlepší odpověď

2

Budete muset držet vlajku isAddedToCart pro každý index. Můžete toho dosáhnout pomocí Map. Něco jako toto:

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

pak použijte ho ve svém widgetu:

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;
       });
       
     },
  
   ),
2021-11-24 05:24:43

jeho v pořádku, já mám dout.. Jak aktualizovat na stejné tlačítko "Přidat do košíku" znovu. díky za odpověď @ישו אוהב אותך
H ă ɤ í
1

Všechny položky byly závisí na isAddedToCart ale potřebujete uložit vybrané položky se samostatným indexování

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);
                });
              },
            )

kompletní zdrojový kód

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);
                });
              },
            );
          })
2021-11-24 06:01:37

@GH si můžete vyzkoušet to, doufám, že bude pracovat pro vás
Jahidul Islam

to bylo super. děkuji.
H ă ɤ í

bylo to výchozí, když je nabíjení. Můžeme to udělat pomocí modelu, pokud ano, jak?
H ă ɤ í

byste měli následovat tento odkaz stackoverflow.com/questions/57380673/...
Jahidul Islam

V jiných jazycích

Tato stránka je v jiných jazycích

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................