enableMultiView property

bool enableMultiView

Used to enable or disable showing multiple views

When setting this enableMultiView property set to true displaying multiple views and provide quick navigation and dates selection. It is applicable for all the DateRangePickerView types.

Decade and century views does not show trailing cells when the enableMultiView property is enabled.

Enabling this enableMultiView property is recommended for web browser and larger android and iOS devices(iPad, tablet, etc.,)

Note : Each of the views have individual header when the textAlign property in the headerStyle as center eg., May, 2020 June, 2020 otherwise, shown a single header for the multiple views eg., May, 2020 - June, 2020

Defaults to false.

See also:

• viewSpacing, which fills the space between the pickers in the date range picker.
• navigationDirection, which allows to arrange and navigate the multiview in either in DateRangePickerNavigationDirection.vertical or DateRangePickerNavigationDirection.horizontal in date range picker.
• Knowledge base: How to show tow pickers vertically
• Knowledge base: How to use multiple picker

Widget build(BuildContext context) {
   return MaterialApp(
     home: Scaffold(
       body: SfDateRangePicker(
         enableMultiView: true,
       ),
     ),
   );
 }

Implementation

final bool enableMultiView;