enableMultiView property
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 HijriDatePickerView types.
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., Muharram, 1442 Safar, 1442
otherwise, shown a single header for the multiple views
eg., Muharram, 1442 - Safar, 1442
Defaults to false
.
See also:
- viewSpacing, which fills the space between the pickers in the hijri date range picker.
- navigationDirection, which allows to arrange and navigate the multiview in either in DateRangePickerNavigationDirection.vertical or DateRangePickerNavigationDirection.horizontal in hijri 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: SfHijriDateRangePicker(
enableMultiView: true,
),
),
);
}
Implementation
final bool enableMultiView;