Flutter динамически обновляет дату и время - PullRequest
0 голосов
/ 05 августа 2020

Я новичок в флаттере и это мое первое приложение. Я пытаюсь создать приложение со списком дел и хочу отображать оставшееся время для каждой задачи в субтитрах. У меня есть список, и в каждом элементе я хочу, чтобы в субтитрах отображалась минута с обратным отсчетом до 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);
              }
           });
          },
        ));
    }
}

1 Ответ

0 голосов
/ 05 августа 2020

Вы можете добиться этого следующим образом: Предположим, вы уже сохранили дату в своем todo и уже имеете дату, доступную в форме объекта DateTime здесь, в моем примере. Я предполагаю, что saveDateTime может быть достигнут, либо назначив его с помощью .hour, .se c или парсинг его из строки.

Теперь вам нужно найти, сколько времени осталось, которое отличается

//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);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...