Как обновить заголовок кнопки с повышенным уровнем при нажатии в определенном индексе ListView.builder

Question 1

Вот мой код.

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

Проблема в том, что если я нажму на эту кнопку с повышением, текст этой кнопки должен измениться только в этом индексе. Но он меняется во всех индексах, которые находятся в listview.builder.

Может ли у кого-нибудь быть решение для этого, чтобы только одна кнопка в выбранном индексе обновлялась с измененным именем.

Question 2

Тебе нужно сохранить флаг isAddedToCart для каждого индекса. Вы можете достичь этого, используя Map. Что-то вроде этого:

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

затем используйте его в своем виджете:

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

Все предметы были в зависимости от isAddedToCart но Вам нужно сохранить выбранный элемент с отдельной индексацией

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

полный исходный код

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

Тебе нужно сохранить флаг isAddedToCart для каждого индекса. Вы можете достичь этого, используя Map. Что-то вроде этого:

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

затем используйте его в своем виджете:

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

все работает нормально, у меня приступ.. Как обновить ту же кнопку, чтобы снова "Добавить в корзину". thanks for reply @ישו אוהב אותך

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

Все предметы были в зависимости от isAddedToCart но Вам нужно сохранить выбранный элемент с отдельной индексацией

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

полный исходный код

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 вы можете попробовать это, я надеюсь, это сработает для вас
он становился по умолчанию при перезагрузке. Можем ли мы сделать это с помощью модели, если да, то как?
вам следует перейти по этой ссылке stackoverflow.com/questions/57380673/...

Как обновить заголовок кнопки с повышенным уровнем при нажатии в определенном индексе ListView.builder

Вопрос

Лучший ответ

На других языках

Эта страница на других языках

Популярное в этой категории

Популярные вопросы в этой категории