切换选项卡时间歇性滞后

Question

这是我的第一个扑朔迷离的项目，我正在学习。我最初在我的主体中都有所有10,000行代码，而令人惊讶的是，切换选项卡时我没有遇到滞后。从那以后，我根据屏幕，类和功能将其分解为文件，并且在切换选项卡时滞后，但仅偶尔 - 似乎是随机的。

起初，我在Globals.dart文件中有valueNotifier。我认为这可能是问题，所以我在某些地方实施了一个提供商（尚未到处这样做，因为我认为它没有解决问题）。

我有一个显示瓷砖的列表页面。这是一些代码：

class ListPage extends StatefulWidget {
  const ListPage({Key? key}) : super(key: key);
  @override
  _ListState createState() => _ListState();
}

class _ListState extends State<ListPage> {
  @override
  Widget build(BuildContext context) {
    context.watch<ListProvider>().getIndivWorkouts();
    var listProvider = Provider.of<ListProvider>(context);
    return Scaffold(
        body: ListView(
                children: <Widget>[
                    for (int index = listProvider.indivWorkouts.length - 1;
                          index >= 0; index--)
                    Column(children: <Widget>[// just builds tile]
...

提供商：

class ListProvider with ChangeNotifier {
  List _indivWorkouts = <IndivWorkout>[];
  List get indivWorkouts => _indivWorkouts.toList();

  getIndivWorkouts() {
    final box = Hive.box<IndivWorkout>('indivWorkoutsBox');
    _indivWorkouts = box.values.toList();
  }

  addIndivWorkout(IndivWorkout workout) {
    var indivWorkoutsBox = Hive.box<IndivWorkout>('indivWorkoutsBox');
    indivWorkoutsBox.add(workout);
    notifyListeners();
  }
}

AddIndivWorkout从另一个页面调用。

我试图筛选该问题，但是在最后的录制中看起来完全正常，所以我不得不使用另一台设备拍摄。注意从击中标签到页面加载的延迟。

https://i.sstatic.net/8npeq.jpg 释放比调试构建奇怪。此外，即使我明显看到大延迟，DevTools性能图也似乎正常。我真的不想回到一个巨大的主要文件。

Answer 1

我将检查消费类：

https：//pub.dev/ documentation/provider/provider/provider/consumer-class.html

https://docs.flutter.dev/development/data-and-backend/state-mgmt/simple

一个一个示例，说明了如何拥有代码。

我相信，这可能有助于滞后，

@override
 Widget build(BuildContext context) {
   return Scaffold(
        body: Consumer<ListProvider>(
                builder: (context, listProvider, child) { 
                  return ListView(
                    children: <Widget>[
                    for (int index = listProvider.indivWorkouts.length - 1;
                          index >= 0; index--)
                    Column(children: <Widget>[// just builds tile]
                },
              );
 }

请确保注意第二个链接，并将您的消费者尽可能地放入小部件树中。因为“您不想仅仅因为某个地方发生了一些细节而重建UI的大部分。”