Ako Aktualizovať Zvýšenej Tlačidlo hlava na Stlačené Najmä index ListView.staviteľ

Question 1

Tu 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, keď som kliknite na vyvýšenom Tlačidlo text ktoré tlačidlo má zmeniť na to, že index len. Ale je to zmena vo všetkých index, ktorý sa v listview.staviteľ.

Môže niekto mať riešenie pre to, že iba jedno tlačidlo na vybraných index má aktualizovať s zmenený názov.

Question 2

Budete musieť viesť vlajka isAddedToCart pre každý index. Môžete dosiahnuť pomocou Map. Niečo ako toto:

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

potom ho použiť v 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

Všetky položky boli závisí od isAddedToCart ale musíte uložiť vybrané položky s oddeleným indexovanie

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

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

Budete musieť viesť vlajka isAddedToCart pre každý index. Môžete dosiahnuť pomocou Map. Niečo ako toto:

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

potom ho použiť v 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;
       });
       
     },
  
   ),

jeho poriadku, mám dout.. Ako aktualizovať na to isté tlačidlo "Pridať do košíka' znova. vďaka za odpoveď @ישו אוהב אותך

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

Všetky položky boli závisí od isAddedToCart ale musíte uložiť vybrané položky s oddeleným indexovanie

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

@GH môžete vyskúšať tento dúfam, že to bude fungovať pre vás
to bolo stále na predvolené keď je prekládky. Môžeme to urobiť pomocou modelu, ak áno, ako?
mali by ste dodržiavať tento odkaz stackoverflow.com/questions/57380673/...

Ako Aktualizovať Zvýšenej Tlačidlo hlava na Stlačené Najmä index ListView.staviteľ

Otázka

Najlepšiu odpoveď

V iných jazykoch

Táto stránka je v iných jazykoch

Populárne v tejto kategórii

Obľúbené otázky v tejto kategórii