Flutter：帮助评估功能并在 Flutter 中按下按钮显示输出

Question

我想复制https://sleepyti.me/ 的应用程序这是我当前的布局：https://imgur.com/rby0aBN

我还没有完成所有功能，但在按下按钮时难以显示结果。我的功能是：

void CalcBedTime(){
  var bedArr = [];
  DateTime nowDate = DateTime.now();
  for(var i = 0; i >= 7; i++){
    var nowHour = nowDate.hour;
    var newHour1 = nowDate.add(Duration(minutes: 90));
    String formatDate1 = DateFormat.jm().format(newHour1);
    bedArr.add(formatDate1);
  }
  print(bedArr);
}

由于此当前函数没有时间输入，因此我目前正在处理如果您在当前时间入睡则需要时间唤醒的函数。我也不确定我是否应该保持函数 void 并让它打印返回数组或让它返回数组值。我的按钮是：

FlatButton(
                color: Colors.blue,
                textColor: Colors.white,
                disabledColor: Colors.grey,
                disabledTextColor: Colors.black,
                padding: EdgeInsets.all(8.0),
                splashColor: Colors.blueAccent,
                onPressed:  ()   {  
                  Navigator.push(
                    context,
                    MaterialPageRoute(builder: (context) => SleepNowPage(title: 'Sleep Now Page',)),
                  );

                  /*...*/
                },
                child: Text(
                  "I'm going to sleep now" ,
                  style: TextStyle(fontSize: 20.0),
                ),
              )

我不太确定如何或在哪里评估函数，然后如何给出要打印的返回数组。我的 SleepNowPage 有：

return Scaffold(
  appBar: AppBar(
   
    title: Text(widget.title),
  ),
  body: Center(
    
    child: Column(
      
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        Text(
            'If you sleep now you should wake up at: \n '
        ),

      ],
    ),
  ),
  floatingActionButton: FloatingActionButton(
    onPressed: _incrementCounter,
    tooltip: 'Increment',
    child: Icon(Icons.add),
  ), // This trailing comma makes auto-formatting nicer for build methods.
);

抱歉，如果这不容易理解，我是 Flutter 新手，希望能得到任何帮助。

Answer 1

试试这个功能：

  List<String> calcBedTime({
int hour,
int minute,
int second,
}) {
int sleepCycle = 90;
bool useCurrentTime;
if (hour != null && minute != null && second != null) {
  useCurrentTime = false;
} else {
  useCurrentTime = true;
}
DateTime nowDate = useCurrentTime
    ? DateTime.now()
    : DateTime.parse('2020-02-27 $hour:$minute:$second');

List<DateTime> bedArr = [
  nowDate.add(Duration(minutes: sleepCycle * 1)),
  nowDate.add(Duration(minutes: sleepCycle * 2)),
  nowDate.add(Duration(minutes: sleepCycle * 3)),
];
List<String> bedArrInHours =
    bedArr.map((item) => '${item.hour}:${item.minute}').toList();
print(bedArrInHours);
return bedArrInHours;
}

如果你想知道现在睡着的时间，只需使用：

calcBedTime();

结果将是：

[19:54, 21:24, 22:54]

如果你想在特定时间睡觉时醒来时间，只需传递可选参数（只需确保提供的值是两个字符长）：

calcBedTime(hour: 12 , minute: 30 , second: 10);

注意：这个函数只返回 3 个睡眠时间，你可以像我一样通过硬编码来添加更多，或者更好的是使用非常简单的 for 循环来完成。 注意 2：2020:02:27 的日期并不重要，只是使用 DateTime.parse() 接受的格式。