Jak zaktualizować tytuł przyciski z podwyższonym poziomem po kliknięciu w określonym indeksie ListView.builder

Question 1

Oto mój kod.

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

Problem w tym, że jeśli nacisnę ten przycisk z awansu, tekst tego przycisku musi się zmienić tylko w tym indeksie. Ale to się zmienia we wszystkich indeksów, które znajdują się w listview.builder.

Czy może ktoś być rozwiązanie dla tego, aby tylko jeden przycisk w wybranym indeksie była ze zmienioną nazwą.

Question 2

Musisz zapisać flaga isAddedToCart dla każdego indeksu. Można to osiągnąć za pomocą Map. Coś takiego:

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

następnie użyj go w swoim 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

Wszystkie przedmioty były w zależności od isAddedToCart ale trzeba zapisać wybrany element z oddzielną индексацией

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

pełny kod źródłowy

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

Musisz zapisać flaga isAddedToCart dla każdego indeksu. Można to osiągnąć za pomocą Map. Coś takiego:

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

następnie użyj go w swoim 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;
       });
       
     },
  
   ),

wszystko działa normalnie, nie mam serca.. Jak zaktualizować ten sam przycisk, aby ponownie "Dodaj do koszyka". thanks for reply @ישו אוהב אותך

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

Wszystkie przedmioty były w zależności od isAddedToCart ale trzeba zapisać wybrany element z oddzielną индексацией

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

pełny kod źródłowy

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 możesz spróbować, mam nadzieję, że to zadziała dla ciebie
on stawał się domyślnie po ponownym uruchomieniu. Czy możemy zrobić to za pomocą modelu, jeśli tak, to jak?
wystarczy wejść na ten link stackoverflow.com/questions/57380673/...

Jak zaktualizować tytuł przyciski z podwyższonym poziomem po kliknięciu w określonym indeksie ListView.builder

Pytanie

Najlepsza odpowiedź

W innych językach

Ta strona jest w innych językach

Popularne w tej kategorii

Najczęściej zadawane pytania w tej kategorii