Flutter) 应用程序在热重载之前不会释放

Question

我现在学习 Flutter。但是我遇到了一个关于 dispose 的问题。

首先我看到了我的代码。看起来很长，但代码并不难。

ma​​in.dart

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: FirstScreen(),
    );
  }
}

class FirstScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        // After hot reload, title will be changed to 'First Screen (After Hot Reload)'
        title: Text('First Screen (Before Hot Reload)', style: TextStyle(fontWeight: FontWeight.bold)),
      ),
      body: SafeArea(
        child: Center(
          child: ElevatedButton(
            onPressed: () {
              Navigator.push(context, MaterialPageRoute(builder: (_) => SecondScreen()));
            },
            child: Text('Go To Second Screen', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 24)),
          ),
        ),
      ),
    );
  }
}


class SecondScreen extends StatefulWidget {

  @override
  _SecondScreenState createState() => _SecondScreenState();
}

class _SecondScreenState extends State<SecondScreen> with TickerProviderStateMixin {
  List<ScrollController> scrollControllers;
  List<AnimationController> animationControllers;
  List<FocusNode> focusNodes;

  @override
  void initState() {
    super.initState();
    scrollControllers = List.generate(10000, (_) => ScrollController());
    animationControllers = List.generate(10000, (_) => AnimationController(vsync: this, duration: Duration(microseconds: 300)));
    focusNodes = List.generate(10000, (_) => FocusNode());
  }

  @override
  void dispose() {
    scrollControllers.forEach((element) { element.dispose();});
    animationControllers.forEach((element) { element.dispose();});
    focusNodes.forEach((element) { element.dispose();});
    print('No Get with dispose');
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        // After hot reload, title will be changed to 'Second Screen (After Hot Reload)'
        title: Text('Second Screen (Before Hot Reload)', style: TextStyle(fontWeight: FontWeight.bold)),
      ),
      body: SafeArea(
        child: Center(child: Text('Second Screen')),
      ),
    );
  }
}

我构建了这段代码并观察了这个简单应用程序的内存使用情况。

My app memory usage

我通过这一步运行这个应用程序。

1. 我以调试模式运行应用程序。
2. 我进入第二个屏幕。 （然后，此应用将在 initState() 方法中创建 10,000 个ScrollController、AnimationController 和FocusNode）
3. 我回到第一个屏幕。 （我认为这个应用程序应该在 dispose() 方法中处理 ScrollController、AnimationController 和 FocusNode。但它没有。）
4. 我很少更改代码。只是 AppBar 的标题文本。并重新加载。然后，与应用开始时类似，内存使用情况发生了变化。
5. 我进入第二个屏幕。它会创建类似于第 2 步的内容。
6. 我回到第一个屏幕。此时，它已正确处理。

问题 这是我的问题。为什么这个应用程序没有在第 3 步处理 scrollControllers、animationConrollers、focusNodes？但是，在热重新加载后，此应用程序在返回到第一个屏幕时会正确处理（第 6 步）。这对我来说很奇怪。为什么一开始构建应用程序不释放，但热重载后应用程序正确释放？

p.s.）我使用 IntelliJ。

'flutter --version' 结果

Flutter 1.22.5 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 7891006299 (7 weeks ago) • 2020-12-10 11:54:40 -0800
Engine • revision ae90085a84
Tools • Dart 2.10.4

'颤振医生'结果

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 1.22.5, on Microsoft Windows [Version 10.0.19042.746], locale ko-KR)
[!] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    ✗ Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.
      See https://flutter.dev/docs/get-started/install/windows#android-setup for more details.
[!] Android Studio (not installed)
[!] VS Code (version 1.52.1)
    ✗ Flutter extension not installed; install from
      https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
[✓] Connected device (1 available)

Answer 1

如果您有需要在热重载时进行特殊处理的任务，您可以提供一个运行您需要的代码的reassemble 挂钩（类似于 dispose）：

// in your State widget:

@override
void reassemble {
  debugPrint('Captain, we are going down!!!');
  super.reassemble(); // must call
}

在https://api.flutter.dev/flutter/widgets/State/reassemble.html 上查看更多信息。 文档说这仅适用于调试版本，因为当然，您不会在生产版本上热重新加载。 :)