viewSpacing property

double viewSpacing

Used to define the spacedouble between multiple views when the enableMultiView is enabled. Otherwise, the viewSpacing value as not applied in SfDateRangePicker.

Defaults to value 20.

This value not applicable on SfDateRangePicker when navigationMode is DateRangePickerNavigationMode.scroll.

See also:

• enableMultiView, which allows displays multiple date picker side by side in 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,
         viewSpacing: 20,
       ),
     ),
   );
 }

Implementation

final double viewSpacing;