如何在另一个飞镖文件上设置未来的构建器函数？

Question

我有一个未来（异步）日期＆amp;时间选择器函数，该功能从我的状态小部件的正文内正常工作，其中包含“构建器”，并且可以通过以下方式通过以下方式调用该函数：

onPressed: () {SelectDayAndTimeL();}, 

代码：

Future _selectDayAndTimeL(BuildContext context) async {
    DateTime _selectedDay = await showDatePicker(
        context: context,
        initialDate: DateTime.now(),
        firstDate: DateTime(2021),
        lastDate: DateTime(2030),
        builder: (BuildContext context, Widget child) => child);

    TimeOfDay _selectedTime = await showTimePicker(
      context: context,
      initialTime: TimeOfDay.now(),
    );

    if (_selectedDay != null && _selectedTime != null) {
      //a little check
    }
    setState(() {
      selectedDateAndTime = DateTime(
        _selectedDay.year,
        _selectedDay.month,
        _selectedDay.day,
        _selectedTime.hour,
        _selectedTime.minute,
      );
      // _selectedDate = _selectedDay;
    });
    // print('...');
  }

现在我想能够能够要从不同的飞镖文件/屏幕调用此函数，这意味着我必须将此功能保留在我试图执行的其他飞镖文件上，但是由于功能中的setState在该功能中，因此需要在已有状态的小部件内。我尝试将其放入一个状态的小部件中，但一直遇到错误。

class Picker extends StatefulWidget {
  @override
  _PickerState createState() => _PickerState();
}

class _PickerState extends State<Picker> {
  @override
  Future<Widget> build(BuildContext context) async { //the error in on the build on this line
    DateTime _selectedDay = await showDatePicker(
        context: context,
        initialDate: DateTime.now(),
        firstDate: DateTime(2021),
        lastDate: DateTime(2030),
        builder: (BuildContext context, Widget child) => child);

    TimeOfDay _selectedTime = await showTimePicker(
      context: context,
      initialTime: TimeOfDay.now(),
    );

    if (_selectedDay != null && _selectedTime != null) {
      //a little check
    }
    setState(() {
      selectedDateAndTime = DateTime(
        _selectedDay.year,
        _selectedDay.month,
        _selectedDay.day,
        _selectedTime.hour,
        _selectedTime.minute,
      );
      // _selectedDate = _selectedDay;
    });
  }
}

我如何正确地将未来功能放置在一个状态的小部件中，以及如何将其命名为Onpressed？

我不知道我给出这个问题的标题是否真的是它应该是什么，但我不知道该怎么说。

Answer 1

方法中的整个setstate是问题。您的方法应该做一件事：从用户那里获得日期和时间。责任结束了。

Future<DateTime> SelectDayAndTimeL(BuildContext context) async {
    DateTime _selectedDay = await showDatePicker(
        context: context,
        initialDate: DateTime.now(),
        firstDate: DateTime(2021),
        lastDate: DateTime(2030),
        builder: (BuildContext context, Widget child) => child);

    TimeOfDay _selectedTime = await showTimePicker(
      context: context,
      initialTime: TimeOfDay.now(),
    );

    if (_selectedDay != null && _selectedTime != null) {
      //a little check
    }
    return DateTime(
        _selectedDay.year,
        _selectedDay.month,
        _selectedDay.day,
        _selectedTime.hour,
        _selectedTime.minute,
      );
  }

现在，您的按压力变为：

onPressed: () async { 
     final pickedDatetime = await SelectDayAndTimeL(context); 
     setState(() { selectedDateAndTime = pickedDatetime });
},

您已将代码成功分为选择事物和小部件的功能，该功能在选择事物后会更新。

现在可以在其他每个小部件中重复使用日期和时间的功能。

Answer 2

创建一个功能，该函数将DateTime作为状态小部件的参数和设置。在状态小部件中写下此。将此函数传递给其他类作为参数。选择日期后，通过选择DateTime选择的DateTime来调用此方法。

Answer 3

您应该将SetState函数本身作为参数传递给该方法。这样，在方法内部，您将始终使用正确的状态设置器函数。这是尤其需要的，因为您需要在小部件内保留变量_SELECTEDDAY等，而不是静态方法。尝试以下操作：

Future selectDayAndTimeL(BuildContext context, Function(DateTime) dateTimeSetter) async { //add a function to receive and use the
    DateTime _selectedDay = await showDatePicker(
        context: context,
        initialDate: DateTime.now(),
        firstDate: DateTime(2021),
        lastDate: DateTime(2030),
        builder: (BuildContext context, Widget child) => child);

    TimeOfDay _selectedTime = await showTimePicker(
      context: context,
      initialTime: TimeOfDay.now(),
    );

    if (_selectedDay != null && _selectedTime != null) {
      //a little check
    }
    // Create the variable with the picked date
    DateTime selectedDateAndTime = DateTime(
        _selectedDay.year,
        _selectedDay.month,
        _selectedDay.day,
        _selectedTime.hour,
        _selectedTime.minute,
      );
     //call the function from the parameter, which will be executed on the calling widget
    dateTimeSetter(selectedDateAndTime);
    ....
}

然后，调用您的函数以显示DateTime Picker传递上下文，以及接收DateTime参数的函数，该函数将是用户选择的参数。当用户选择日期时，将执行此功能主体，调用setState并设置采摘时间变量。

class Picker extends StatefulWidget {
  DateTime pickedTime;

  @override
  _PickerState createState() => _PickerState();
}

class _PickerState extends State<Picker> {
  @override
  Future<Widget> build(BuildContext context) async {
     return ...
         _selectDayAndTimeL(context, (DateTime time){
           setState((){
             widget.pickedTime = time;
           });
         });
     ...

您还可以将函数从参数提取到一个普通命名函数中，只需在参数中使用其名称，但是我将其保留为现在，以使其更简单。

另外，如果需要，请不要忘记将您的方法公开并静态。