Flutter 动态更新日期和时间

Question

我是 Flutter 的新手，这是我的第一个应用。我正在尝试制作一个待办事项列表应用程序，并希望在字幕中显示每个任务的剩余时间。我有一个列表视图，在每个元素中我希望字幕显示分钟，向下计数到 0。有人可以帮我吗？谢谢！

代码：-

class toDoListState extends State<toDoList>
{
  List<String> tasks = [];
  List<String> completedTasks = [];
  List<String> descriptions = [];
  List<bool> importance = [];
  List<String> time2completion = [];
  List<DateTime> time = [];
  
    Widget buildToDoList()
    {
        return new ListView.builder
        (
            itemBuilder: (context, index)
            {
              if(time2completion.length > 0 && index < time2completion.length && time2completion[index] != "none")
              {
                  if(time2completion[index] == "30 minutes")
                  {
                      time[index] = DateTime.now().add(Duration(minutes: 30));
                  }
                  else if(time2completion[index] == "1 hour")
                  {
                      time[index] = DateTime.now().add(Duration(hours: 1));
                  }
                  else if(time2completion[index] == "12 hours")
                  {
                      time[index] = DateTime.now().add(Duration(hours: 12));
                  }
                  else if(time2completion[index] == "1 day")
                  {
                      time[index] = DateTime.now().add(Duration(days: 1));
                  }
              }
                if(index < tasks.length)
                {
                    return row(tasks[index], descriptions[index], index);
                }
            },
        );
    }

    Widget row(String task, String description, int index)
    {                  
        return Dismissible(
        key: UniqueKey(),
        background: Container(color: Colors.red, child: Align(alignment: Alignment.center, child: Text('DELETE', textAlign: TextAlign.center, style: TextStyle(color: Colors.white, fontSize: 18),))),
        direction: DismissDirection.horizontal,
        onDismissed: (direction) {
        setState(() {
          tasks.removeAt(index);
          if(completedTasks.contains(task))
          {
              completedTasks.removeAt(index);
          }
          descriptions.removeAt(index);
          importance.removeAt(index);
        });
          Scaffold.of(context).showSnackBar(SnackBar(content: Text(task+" dismissed")));
        },
        child: CheckboxListTile(
          controlAffinity: ListTileControlAffinity.leading,
          title: Text(task, style: (completedTasks.contains(task)) ? TextStyle(decoration: TextDecoration.lineThrough) : TextStyle(),),
          subtitle: Text((time[index].difference(DateTime.now()).toString())),
          value: completedTasks.contains(task),
          onChanged: (bool value) {
           setState(() {
              if(!completedTasks.contains(task))
              {
                  completedTasks.add(task);
              }
              else
              {
                  completedTasks.remove(task);
              }
           });
          },
        ));
    }
}

Answer 1

您可以使用计时器来计算每分钟的时间差。

Timer.periodic(
  Duration(minutes: 1),
  (Timer t) => setState(() {
    // your calculation here
  }),
);

以下内容将在您的有状态小部件中创建一个计时器对象，并在您离开视图时将其丢弃：

Timer _timer;

@override
void initState() {
    _timer = Timer.periodic(
        Duration(minutes: 1),
        (Timer t) => setState(() {
            // your calculation here
        }),
    );

    super.initState();
}

@override
void dispose() {
    _timer.cancel();
    super.dispose();
}

Answer 2

您可以通过以下方式实现： 假设您已经在待办事项中保存了日期，并且在 在我的示例中，这里是 DateTime 对象的形式，我假设 saveDateTime 可以通过使用 .hour 、 .sec 分配它或从字符串解析它来实现。

现在你要做的就是找出还剩多少时间是不同的

//already assumed saved date as a DateTime object that is savedDateTime
  // it contains our saved date of note
  //now
 final currentDateTime = DateTime.now();
 final difference = currentDateTime.difference(savedDateTime);

  
 difference in Seconds,Hours,Minutes,Days is given by 
 print(difference.inSeconds);
 print(difference.inHours);
 print(difference.inMinutes);
 print(difference.inDays);