headerHeight property

double headerHeight

The height for header view to layout within this in SfDateRangePicker

Defaults to value 40.

Note: If showNavigationArrows set as true the arrows will shrink or grow based on the given header height value.

See also:

• headerStyle, which allows to customize the header view of the date range picker.
• showNavigationArrow, which displays the navigation arrows on the header view of the date range picker.
• Knowledge base: How to style a header
• Knowledge base: How to select all days when clicking on the day header
• Knowledge base: How to restrict the year view navigation when tapping on header view
• Knowledge base: How to customize the header in Flutter multi date range picker
• Knowledge base: How to customize the header view
• Knowledge base: How to navigate to the previous or next views using navigation arrows

Widget build(BuildContext context) {
   return MaterialApp(
     home: Scaffold(
       body: SfDateRangePicker(
         view: DateRangePickerView.month,
         headerHeight: 50,
         showNavigationArrow: true,
       ),
     ),
   );
 }

Implementation

final double headerHeight;