渲染 Text() 时在 Widget 中 Flutter If 语句

Question

我想知道如何在 Flutter 的小部件中使用 if 语句。

下面的代码提示用户使用 DateRange 包选择日期范围。我正在尝试接收日期输入，并使用 Text(...) 进行打印。

但是，我使用的 if 语句：

        Text((() {
          if(condition){
            return habitDates[0].toString() + "to " + habitDates[1].toString();}
          return "Pick Date";
        })()),

似乎没有更新（它一直是“选择日期”），我认为这是关于小部件状态的问题。

以下是完整代码：

class DateRange extends StatefulWidget {
  @override
  _DateRangeState createState() => _DateRangeState();
}

class _DateRangeState extends State<DateRange> {

  List<DateTime> habitDates = [];

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        MaterialButton(
        color: Colors.grey[700],
        onPressed: () async {
          final List<DateTime> picked = await DateRagePicker.showDatePicker(
              context: context,
              initialFirstDate: new DateTime.now(),
              initialLastDate: (new DateTime.now()),
              firstDate: new DateTime(2020),
              lastDate: new DateTime(2030),
          );
          if (picked != null && picked.length == 2) {
            picked.forEach((date) {
              habitDates.add(date);
              print(habitDates);
              }
            );
          }
        },
        child: Text("Pick date range", style: TextStyle(color: Colors.white),)
        ),
        Text((() {
          if(habitDates != null && habitDates.length == 2){
            return habitDates[0].toString() + "to " + habitDates[1].toString();}
          return "Pick Date";
        })()),
      ],
    );
  }
}

Answer 1

你可以调用 setState(() {...});用于更新您的文本小部件。像这样。

if (picked != null && picked.length == 2) {
  setState(() {
    picked.forEach((date) {
      habitDates.add(date);
      print(habitDates);
    });
  });
}