Flutter提供者在构建期间抛出错误setState()或markNeedsBuild()调用

时间:2020-02-06 18:59:37

标签: flutter state-management flutter-provider flutter-state

我正在尝试学习如何使用provider软件包(版本4.0+)。我已经由Flutter团队提供了复制粘贴的solution,并在模拟器上运行了它。问题是,当我第一次运行它(冷启动)时,出现以下错误消息:

Error image

当我刷新应用程序时(意味着,当我单击VS Code中的刷新箭头以重新生成应用程序时),它突然开始工作。这意味着,该问题仅在首次(冷)启动期间发生。

我真的很想学习如何使用这个软件包;但由于未知原因,它会引发此错误。在阅读其他文章时,人们试图在build方法期间修改实现ChangeNotifier的Class的值;但是,在这种情况下,情况并非如此。

在此问题上的任何帮助将不胜感激。

P.S。这是我正在使用的实际源代码:

// Copyright 2019 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

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

void main() {
  runApp(
    // Provide the model to all widgets within the app. We're using
    // ChangeNotifierProvider because that's a simple way to rebuild
    // widgets when a model changes. We could also just use
    // Provider, but then we would have to listen to Counter ourselves.
    //
    // Read Provider's docs to learn about all the available providers.
    ChangeNotifierProvider(
      // Initialize the model in the builder. That way, Provider
      // can own Counter's lifecycle, making sure to call `dispose`
      // when not needed anymore.
      create: (context) => Counter(),
      child: MyApp(),
    ),
  );
}

/// Simplest possible model, with just one field.
///
/// [ChangeNotifier] is a class in `flutter:foundation`. [Counter] does
/// _not_ depend on Provider.
class Counter with ChangeNotifier {
  int value = 0;

  void increment() {
    value += 1;
    notifyListeners();
  }
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Demo Home Page'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('You have pushed the button this many times:'),
            // Consumer looks for an ancestor Provider widget
            // and retrieves its model (Counter, in this case).
            // Then it uses that model to build widgets, and will trigger
            // rebuilds if the model is updated.
            Consumer<Counter>(
              builder: (context, counter, child) => Text(
                '${counter.value}',
                style: Theme.of(context).textTheme.display1,
              ),
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        // Provider.of is another way to access the model object held
        // by an ancestor Provider. By default, even this listens to
        // changes in the model, and rebuilds the whole encompassing widget
        // when notified.
        //
        // By using `listen: false` below, we are disabling that
        // behavior. We are only calling a function here, and so we don't care
        // about the current value. Without `listen: false`, we'd be rebuilding
        // the whole MyHomePage whenever Counter notifies listeners.
        onPressed: () =>
            Provider.of<Counter>(context, listen: false).increment(),
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  }
}

1 个答案:

答案 0 :(得分:1)

stable v1.12.13+hotfix.7上运行良好,因此可能是最新版本的错误。

我建议您使用稳定版本,如果您尝试使用dev或master并发现错误,请在此处进行报告:https://github.com/flutter/flutter/issues