Como Atualizar Elevados título do Botão na Pressionado, em Particular, o índice de ListView.construtor

0

Pergunta

Aqui é o meu código.

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

O problema é, se eu clicar no que elevou o Botão, o texto do botão que tem para mudar no índice que só. Mas ele está mudando em todo o índice, que são, na listview.construtor.

Qualquer um pode ter uma solução para isso que apenas um botão no índice selecionado tem a atualização com o nome alterado.

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

Melhor resposta

2

Você precisa manter a bandeira isAddedToCart para cada índice. Você pode alcançá-lo usando uma Map. Algo como isto:

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

em seguida, usá-lo em seu 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;
       });
       
     },
  
   ),
2021-11-24 05:24:43

seu trabalho bem, eu tenho um dout.. Como atualizar o mesmo botão 'Adicionar ao carrinho' novamente. obrigado pela resposta @ישו אוהב אותך
H ă ɤ í
1

Todos os itens foram depende isAddedToCart mas Você precisa para armazenar o item seleccionado separado de indexação

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

o código-fonte completo

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 você pode experimentar essa eu espero, ele vai trabalhar para você
Jahidul Islam

foi super. obrigado.
H ă ɤ í

ele estava chegando para o padrão quando ele está recarregando. Podemos fazer isso usando o modelo, se sim, como?
H ă ɤ í

você deve seguir este link stackoverflow.com/questions/57380673/...
Jahidul Islam

Em outros idiomas

Esta página está em outros idiomas

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