为什么 `DateTime.add(const Duration(days: 1)` 添加 *秒* 而不是天？

Question

我有一个 Text() 小部件，它将 DateTime 显示为 String。此 Text() 小部件用 GestureDetecture() 包装，其中 onTap 应将 DateTime 更新一 < em>day：

GestureDetector(
            child: File2(
              dateTime: date,
              key: Key(date.toString()),
            ),
            onTap: () {
              setState(() {
                // This is adding seconds not days
                date = date.add(const Duration(days: 1));
              });
            },
          ),

但是，虽然我正在这样做，但日期并没有更新一天：

date = date.add(const Duration(days: 1));

但是它会更新几秒钟。为什么1天还没更新？

我尝试过的： 使用Key()

代码：

file_1.dart：

import 'package:flutter/material.dart';

import 'file_2.dart';

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

class File1 extends StatefulWidget {
  const File1({Key? key}) : super(key: key);

  @override
  State<File1> createState() => _File1State();
}

class _File1State extends State<File1> {
  @override
  Widget build(BuildContext context) {
    DateTime date = DateTime.now();

    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: GestureDetector(
            child: File2(
              dateTime: date,
              key: Key(date.toString()),
            ),
            onTap: () {
              setState(() {
                // This is adding seconds not days
                date = date.add(const Duration(days: 1));
              });
            },
          ),
        ),
      ),
    );
  }
}

file_2.dart：

import 'package:flutter/material.dart';

class File2 extends StatelessWidget {
  DateTime dateTime;
  File2({Key? key, required this.dateTime}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Text(dateTime.toString());
  }
}

• 如何更新单击 GestureDetector() 时，File2 中的 Text() 会增加 1 天吗？

• 除了 setState() 之外，我还需要使用状态管理吗？

Answer 1

问题

发生此错误的原因很简单，因为您在构建方法的开头有这一行：DateTime date = DateTime.now();。

这是代码中发生的工作流程：

1. 在构建方法的开头将日期值设置为 DateTime.now()。
2. 当前日期值将呈现在您的 UI 中。
3. 您触发该功能来更新您的日期。
4. 将+1 天添加到日期。
5. 重要提示：步骤 4 会触发小部件的重建，因此会再次执行步骤 1。

第 5 步的结果是，日期值仅更新了一会儿，但随后 DateTime.now() 在 UI 中呈现。

解决方案

在 State 类中而不是在构建方法中启动 date 值。这样，您的 date 值就不会被 Widget 重建覆盖：

class _File1State extends State<File1> {
  DateTime date = DateTime.now(); // <-- Initiate the value here
  
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: GestureDetector(
            child: File2(
              dateTime: date,
              key: Key(date.toString()),
            ),
            onTap: () {
              setState(() {
                // This is adding seconds not days
                date = date.add(const Duration(days: 1));
              });
            },
          ),
        ),
      ),
    );
  }
}