Flutter bloc 模式多次重复调用函数

Question

我正在尝试在颤振应用程序中使用 bloc 模式我在返回 Scaffold() 之前在构建函数的主体内编写代码；如下

@override
  Widget build(BuildContext context) {
    final ProductsController pController = Provider.of<ProductsController>(context);
    pController.addProducts();
    return Scaffold();
}

一切都是完美的，但功能 addPrducts() 调用了太多次它看起来下面的代码重复了很多次

pController.addProducts();

这是 ProductsContoller 类的结构

class ProductsController extends ChangeNotifier {
List<Products> _products=List();
AppDatabase appDB=AppDatabase();
  List<Products> get products=>_products;
addProducts() {
      appDB.getFromTable(AppDatabase.TBL_PRODUCTS).then((rows){
      rows.forEach((row){
        Products product=Products.fromJson(row);
        _products.add(product);


      });
      notifyListeners();
    });
  }
}

Answer 1

您必须定义在其他类（有状态或无状态）中使用您的列表的小部件。

例如，如果您在 ListView 中使用 List，则必须为您的 ListView 创建一个无状态类，并在该类中监视列表。

    class ProductList extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return GridView.builder(
      gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
        maxCrossAxisExtent: 260,
        childAspectRatio: 3 / 4.6,
      ),
      itemCount: context.watch<ProductsController >().productPjo.listProduct.length,
      shrinkWrap: true,
      itemBuilder: (_, i) {
        return  ItemProduct(context.watch<ProductsController >().productPjo.listProduct[i]);
      },
    );
  }
}

Answer 2

如果你想做一些操作，比如在有状态小部件中只获取一次屏幕数据，那么你可以使用 void didChangeDependencies() 和布尔标志。

didChangeDependencies() 也会在 initState 之后立即调用。 当此 State 对象的依赖项发生更改时也会调用。从此方法调用 BuildContext.dependOnInheritedWidgetOfExactType 是安全的。

final ProductsController pController
var _isLoadingForFirstTime = true;

@override
void initState() {
    super.initState();
}

@override
  void didChangeDependencies() {
    if (_isLoadingForFirstTime) {
       pController = Provider.of<ProductsController>(context);
       pController.addProducts();
    }
    _isLoadingForFirstTime = false;
    super.didChangeDependencies();
}

@override
  Widget build(BuildContext context) {
    return Scaffold(); // You Screen contents here
}

Answer 3

如果你的函数应该只被调用一次，你应该尝试覆盖initState() 方法并在那里调用它。如果您的类扩展了 StatefulWidget 您的 build(BuildContext context) 方法可能会被多次调用。

final ProductsController pController

@override
void initState() {
    pController = Provider.of<ProductsController>(context);
    pController.addProducts();

    super.initState();
}