Belirli bir ListView dizinine Basıldığında Yükseltilmiş Düğme başlığı nasıl güncellenir.kuran

Question 1

İşte kodum.

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

Sorun şu ki, bu yükseltilmiş Düğmeye tıklarsam, bu düğmenin metni yalnızca bu dizinde değişmelidir. Ancak listview içindeki tüm dizinlerde değişiyor.kuran.

Herhangi bir seçilen dizin üzerinde tek bir düğme değişti adı ile update etmek için bir çözüm olabilir.

Question 2

Bayrak sende kalmalı. isAddedToCart her dizin için. Bunu kullanarak başarabilirsiniz Map. Bunun gibi bir şey:

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

ardından widget'ınızda kullanın:

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

Tüm öğeler şunlara bağlıydı isAddedToCart ancak seçilen öğeyi ayrı indeksleme ile saklamanız gerekir

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

tam kaynak kodu

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

Bayrak sende kalmalı. isAddedToCart her dizin için. Bunu kullanarak başarabilirsiniz Map. Bunun gibi bir şey:

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

ardından widget'ınızda kullanın:

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

iyi çalışıyor, işim var.. Aynı düğmeyi tekrar 'Sepete ekle' olarak nasıl güncelleyebilirim. thanks for reply @ישו אוהב אותך

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

Tüm öğeler şunlara bağlıydı isAddedToCart ancak seçilen öğeyi ayrı indeksleme ile saklamanız gerekir

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

tam kaynak kodu

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

yeniden yüklenirken varsayılana ulaşıyordu. Modeli kullanarak yapabilir miyiz, eğer evet ise, nasıl?
bu bağlantıyı takip etmelisiniz stackoverflow.com/questions/57380673/...

Belirli bir ListView dizinine Basıldığında Yükseltilmiş Düğme başlığı nasıl güncellenir.kuran

Soru

En iyi cevabı

Diğer dillerde

Bu sayfa diğer dillerde

Bu kategoride popüler

Popüler soruları bu kategoride