簡體   English   中英

顫振錯誤狀態:未來已完成且斷言失敗:第 2113 行 pos 12:'!_debugLocked':不正確

[英]flutter Bad state: Future already completed and Failed assertion: line 2113 pos 12: '!_debugLocked': is not true

第一次在這個網站上發帖,所以如果有關於格式化問題或不遵循指南的任何提示,請告訴我。 謝謝

在我創建的 flutter 應用程序中,我使用的是嵌套在 modalBottomSheet 中的第三方日歷小部件。 在 onChanged 方法中使用 Navigator.pop 關閉日歷小部件時,拋出以下錯誤:

'package:flutter/src/widgets/navigator.dart':斷言失敗:第 2330 行 pos 12:'!_debugLocked':不正確。

如果我在創建日歷的同一個月選擇一天,我不會收到錯誤消息。 只有當我向后或向前一個月並選擇一個日期時才會出現錯誤。 當我向前(或向后)一個月移動然后返回到創建日歷的月份時,我也會收到錯誤消息。例如,如果我使用今天的日期作為所選日期,則該月份是三月。 如果我使用箭頭返回二月或四月並選擇一個日期,則會出現上述錯誤。

我使用的日歷包是:flutter_date_pickers: ^0.0.5

我從下面的代碼創建了一個最小運行示例:

import 'package:flutter/material.dart';
import 'package:flutter_date_pickers/flutter_date_pickers.dart' as dp;

void main() => runApp(MyApp());

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

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);
  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  String date;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    date = DateTime.now().toIso8601String();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'Selected Date:',
            ),
            Text(
              '$date',
              style: Theme.of(context).textTheme.display1,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          _openDatePicker(context);
        },
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  }

  void _openDatePicker(BuildContext context) {
    showModalBottomSheet<DateTime>(
        context: context,
        builder: (BuildContext context) {
          return Container(
            child: dp.DayPicker(
              selectedDate: DateTime.now(),
              onChanged: (dateTime) {
                Navigator.pop(context, dateTime);
              },
              firstDate: DateTime.now().subtract(Duration(days: 360)),
              lastDate: DateTime.now().add(Duration(days: 360)),
            ),
          );
        }).then(
      (dateTime) {
        if (dateTime != null) {
          setState(() {
            date = dateTime.toIso8601String();
          });
          print('date time: ' + date);
        } else {
          print('No Day Selected');
        }
      },
    );
  }
}

我已經瀏覽並查看了其他有類似錯誤的問題,並嘗試了所有不同的方法來解決這個問題,只有一種方法對我有用。 它將 Navigator.pop 轉換為 Navigator.pushNamedAndReplace 方法。 不幸的是,在我的實際應用程序中,這變得如此緩慢,以至於實際上無法使用。

任何幫助,將不勝感激。 謝謝

由於 onChanged 中的打印顯示出於某種原因每次用戶選擇日期時onChanged 都會被調用兩次,這會導致多個 Navigator.pop() 的重疊導致 debugLocked 問題,我所做的只是確保 Navigator.pop() 只是使用這樣的布爾變量調用一次

if(open)Navigator.pop(context, dateTime); 打開 = 假;

更正后的完整代碼如下:

import 'package:flutter/material.dart';
import 'package:flutter_date_pickers/flutter_date_pickers.dart' as dp;

void main() => runApp(MyApp());

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

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);
  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  String date;
  bool open = false;


  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    date = DateTime.now().toIso8601String();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'Selected Date:',
            ),
            Text(
              '$date',
              style: Theme.of(context).textTheme.display1,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          _openDatePicker(context);
        },
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  }

  void _openDatePicker(BuildContext context) {
    open = true;
    showModalBottomSheet<DateTime>(
        context: context,
        builder: (BuildContext context) {
          return Container(
            child: dp.DayPicker(
              selectedDate: DateTime.now(),
              onChanged: (dateTime) {

                if(open)Navigator.pop(context, dateTime);
                open = false;

              },
              firstDate: DateTime.now().subtract(Duration(days: 360)),
              lastDate: DateTime.now().add(Duration(days: 360)),
            ),
          );
        }).then(
      (dateTime) {
        if (dateTime != null) {
          setState(() {
            date = dateTime.toIso8601String();
          });
          print('date time: ' + date);
        } else {
          print('No Day Selected');
        }
      },
    );
  }
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM