在Flutter中使用Helper.Provider-Model延迟加载列表视图构建器

class ListModel with ChangeNotifier {
  List<Item> _items = [];
  List<Item> get items => _items;

  void addItem(Item item) {
    _items.add(item);
    notifyListeners();
  }

  Future<void> fetchItems() async {
    // 模拟网络请求延迟
    await Future.delayed(Duration(seconds: 2));
    // 假设这是从服务器获取的数据
    _items = [Item('Item 1'), Item('Item 2'), Item('Item 3')];
    notifyListeners();
  }
}

class Item {
  final String name;
  Item(this.name);
}

void main() {
  runApp(
    ChangeNotifierProvider(
      create: (context) => ListModel(),
      child: MyApp(),
    ),
  );
}

class MyListView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Consumer<ListModel>(
      builder: (context, listModel, child) {
        if (listModel.items.isEmpty) {
          // 如果列表为空，则加载数据
          listModel.fetchItems();
          return Center(child: CircularProgressIndicator());
        } else {
          // 数据加载完成后，显示列表
          return ListView.builder(
            itemCount: listModel.items.length,
            itemBuilder: (context, index) {
              return ListTile(
                title: Text(listModel.items[index].name),
              );
            },
          );
        }
      },
    );
  }
}

if (listModel.items.isEmpty) {
  Provider.of<ListModel>(context, listen: false).fetchItems();
  return Center(child: CircularProgressIndicator());
}