1

我在 Flutter 中遇到了一个奇怪的问题。在我的应用程序中，在我的模型和其他东西被初始化之前，我会显示一个启动画面，然后我会在应用程序的持续时间内显示一个不同的小部件。

事情按预期工作 - 除非第一个 Widget 包含任何动画（CircularProgressIndicator例如）！在这种情况下，当我调用时，该build方法永远不会再次调用setState- 即使我在setState几秒钟后从Timer.

如果我在 IDE 中点击“Hot Restart”或“Hot Reload”，应用程序将按预期重建。如果第一个 Widget 不包含CircularProgressIndicator或任何其他动画小部件，它也可以工作。

最小的例子：

import 'dart:async';
import 'package:flutter/material.dart';

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

class MyApp extends StatefulWidget {
  MyApp({Key key}) : super(key: key);

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


class _MyAppState extends State<MyApp> {
  bool splash = true;

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

    Timer(Duration(milliseconds: 3000), (){
      if( mounted ) setState((){
        print('Enough splashing!');
        splash = false;
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    print('build   splash: $splash');

    return MaterialApp(
      title: 'FlutterTest',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text('FlutterTest'),
        ),
        body: Center(
          child: splash
            ? Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                CircularProgressIndicator(strokeWidth: 1, valueColor: AlwaysStoppedAnimation<Color>(Colors.red)),
                Text('Splash...', style: TextStyle(color: Colors.red))
              ],
            )
            : Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                Text('FlutterTest', style: TextStyle(color: Colors.blue)),
              ],
            ),
        ),
      )
    );
  }
}

结果与CircularProgressIndicator礼物：

I/flutter (19306): build   splash: true
I/flutter (19306): Enough splashing!

结果没有CircularProgressIndicator，或在“热重载”/“热刷新”之后：

I/flutter (19436): build   splash: true
I/flutter (19436): Enough splashing!
I/flutter (19436): build   splash: false

这里发生了什么？

我在调试模式下的 Android 模拟器上看到了这一点。

flutter doctor -v

[✓] Flutter (Channel stable, 1.20.3, on Mac OS X 10.15.1 19B88, locale en-SE)
    • Flutter version 1.20.3 at /Users/username/dev/flutter
    • Framework revision 216dee60c0 (5 weeks ago), 2020-09-01 12:24:47 -0700
    • Engine revision d1bc06f032
    • Dart version 2.9.2

 
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
    • Android SDK at /Users/username/Library/Android/sdk
    • Platform android-30, build-tools 30.0.2
    • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1136-b06)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 11.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 11.1, Build version 11A1027
    • CocoaPods version 1.8.4

[!] Android Studio (version 3.2)
    • Android Studio at /Applications/Android Studio.app/Contents
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1136-b06)

[✓] IntelliJ IDEA Community Edition (version 2018.3)
    • IntelliJ at /Applications/IntelliJ IDEA CE.app
    • Flutter plugin version 32.0.2
    • Dart plugin version 183.4733

[✓] Connected device (1 available)
    • sdk gphone x86 (mobile) • emulator-5554 • android-x86 • Android 11 (API 30) (emulator)

更新

在另一台电脑上试了一下，果然成功了。那台电脑有 Flutter 版本 1.12.13+hotfix.8，所以我尝试在它不起作用的电脑上将 Flutter 更新到 1.22。结果还是一样。我检查了模拟器——它们在两台计算机上运行完全相同的 API、系统映像、模拟器版本和相同的 HAXM 版本。

在故障计算机上，我尝试使用较低的 Android API - 它有效。所以我尝试更新 API 30 的系统映像修订版 - 新的 AVD 仍然存在同样的问题。作为最后的手段，我将模拟器和 HAXM 更新到了最新版本。现在它可以在 API 30 上运行。所以看起来问题出在模拟器/HAXM 的某个地方，即使完全相同的版本在另一台计算机上也可以运行。

4

0 回答 0