Question

问题在于，当点击列表图块时，所有列表图块的数量都会增加。

我有一个具有此构建方法的无状态小部件：

final ProductsList productsList = ProductsList(context);
return Scaffold(
        body: Center(child: productWidget(productsList, args)));
  }

这是ProductWidget


  FutureBuilder productWidget(productsList) {
    return FutureBuilder(
      future: getProducts,
      builder: (context, products) {
        switch (products.connectionState) {
          case ConnectionState.waiting:
            return Text('Loading....');
          default:
            return Scaffold(
                body: productsList.build(products.data));
        }
      },
    );

这是productsList.build的作用：

  ProductsList(this.context);

  Padding getProduct(name) {
    int _quantity = Provider.of<Quantity>(context).getQuantity();
    return ListTile(
        key: UniqueKey(),
        onTap: () {
          Provider.of<Quantity>(context, listen: false).incrementQuantity();
        },
        title: Text(name),
        trailing: Text("$_quantity"),
      ),
    );
  }

  ListView build(products) {
    List<Widget> _products = new List();

    for (var i = 0; i < products.length; i++) {
      _products.add(getProduct(products[i].name));
    }

    return ListView(
      children: _products,
    );
  }

我正在使用此changeNotifier：


class Quantity extends ChangeNotifier {
  int _quantity = 0;

  void incrementQuantity(){
    _quantity += 1;
    notifyListeners();
  }

  int getQuantity() {
    return _quantity;
  }
}

我想点击列表图块并仅增加尾随显示的值，而不增加其他值。

我正在应用程序的主文件中使用多提供商。

Answer 1

提供商需要按产品跟踪数量。您的提供商将数量作为单个整数进行跟踪，因此您看到的结果对于您的代码是正确的。

数量应为列表。您还可以设置初始值。

然后

incrementQuantity(int index) {
 increment quantity[index] here
}

和

get quantity(int index){
 return quantity[index]
}

顺便说一句，我认为，通过研究将ListTile与Provider一起使用，您的工作将大大受益。

使用提供程序的更改列表图块尾随

1 个答案: