未在 DateRangePicker 上设置初始日期范围

Question

我正在处理需要使用共享首选项保留选定日期范围的应用程序。对于日期选择器，我使用 external package，对于状态处理，我与提供商合作。

在提供商模型的开头，我从共享首选项中读取值：

class DateRangeFilterModel extends ChangeNotifier {
  PickerDateRange? _dateRange;

  DateRangeFilterModel() {
    loadDateRange();
  }

  PickerDateRange? get dateRange => _dateRange;

  Future<void> loadDateRange() async {
    _dateRange = await SharedPreferencesManager.getFilterDateRange();
    notifyListeners();
  }

  Future<PickerDateRange?> getDateRange() async {
    return await SharedPreferencesManager.getFilterDateRange();
  }

  Future<void> setDateRange(PickerDateRange? dateRange) async {
    _dateRange = dateRange;

    await SharedPreferencesManager.saveFilterDateRange(
        dateRange?.startDate, dateRange?.endDate);

    notifyListeners();
  }
}

使用 Consumer 小部件我尝试设置初始值，例如我也在 Text 小部件上显示结果。在 Text 上显示小部件保存的日期范围，但在 SfDateRangePicker 上不显示。

Consumer<DateRangeFilterModel>(
    builder: (context, model, child) => Column(
      children: [
        Text(model.dateRange.toString()),
        SfDateRangePicker(
          initialSelectedRange: model.dateRange,
          showTodayButton: false,
          enablePastDates: false,
          selectionMode: DateRangePickerSelectionMode.range,
          minDate: DateTime.now(),
          onSelectionChanged: (DateRangePickerSelectionChangedArgs args) {
            if (args.value is PickerDateRange) {
              final DateTime? startDate = args.value.startDate;
              final DateTime? endDate = args.value.endDate;

              if (startDate != null && endDate != null) {
                context
                    .read<DateRangeFilterModel>()
                    .setDateRange(PickerDateRange(startDate, endDate));
              }
            }
          },
        ),
      ],
    ),
  ),

我的ChangeNotifierProvider

ChangeNotifierProvider(
      create: (context) => DateRangeFilterModel(),
      child: const DateRangePicker()
),

我认为存在一些并发问题。我哪里弄错了？感谢您的任何建议。

Answer 1

我的解决方案是通过 controller.

设置初始范围

final DateRangePickerController _controller = DateRangePickerController();
.....
SfDateRangePicker(
          initialSelectedRange: _controller.selectedRange = model.dateRange,
          controller: _controller,
         ...
)

未在 DateRangePicker 上设置初始日期范围

Initial date range not set on DateRangePicker

dart

flutter

flutter-layout

flutter-provider