---
title: "What’s New in 2021 Volume 4: Flutter"
published_at: "2021-12-22T11:16:09+00:00"
modified_at: "2025-03-20T08:39:22+00:00"
url: "https://www.syncfusion.com/blogs/post/whats-new-in-2021-volume-4-flutter"
excerpt: "Hooray! Syncfusion rolled out the final main release of this year, 2021 Volume 4, with several exciting features and improvements in all our platforms, including Flutter. Our Flutter suite includes DataGrid, Charts, and Maps, and more versatile widgets. They help..."
taxonomy_category:
  - "Flutter"
  - "Mobile"
  - "UI"
  - "Web"
  - "What's new"
taxonomy_post_tag:
  - "desktop"
  - "Flutter"
  - "Mobile"
  - "Web"
  - "What's New"
---

# What’s New in 2021 Volume 4: Flutter

[Jayavigneshwaran G](https://www.syncfusion.com/blogs/author/jayavigneshwaran)

![What’s New in 2021 Volume 4: Flutter](https://www.syncfusion.com/blogs/wp-content/uploads/2021/12/What%E2%80%99s-New-in-2021-Volume-4-Flutter.png)


Hooray! Syncfusion rolled out the final main release of this year, [2021 Volume 4](https://www.syncfusion.com/forums/171304/essential-studio-2021-volume-4-main-release-v19-4-0-38-is-available-for-download)
, with several exciting features and improvements in all our platforms, including Flutter.

Our [Flutter](https://www.syncfusion.com/flutter-widgets)
 suite includes [DataGrid](https://www.syncfusion.com/flutter-widgets/flutter-datagrid)
, [Charts,](https://www.syncfusion.com/flutter-widgets/flutter-charts)
 and [Maps,](https://www.syncfusion.com/flutter-widgets/flutter-maps)
 and more versatile widgets. They help you create rich, high-quality applications for iOS, Android, Web, Windows, macOS, and Linux from a single code base.

In this blog, we will see the new features in our Flutter widgets in the 2021 Volume 4 release.

## New features and improvements

I am going to cover only the main highlights of each widget. You can get the complete details of the new features from our [release notes](https://help.syncfusion.com/common/essential-studio/release-notes/v19.4.0.38)
 and the individual components’ what’s new blogs, which will be published soon.

### Calendar

You can enjoy the following improvements in the [Calendar](https://www.syncfusion.com/flutter-widgets/flutter-calendar)
 widget:

- Get the details of calendar appointments in a callback while hovering over or tapping on them.
- You can see considerable improvements in the appearance and content format of the **allowedViews** UI.

### Charts

The [Flutter Charts](https://www.syncfusion.com/flutter-widgets/flutter-charts)
 widget includes the following features in the 2021 Volume 4 release:

- You can categorize the axis labels using the new multilevel labels feature in Cartesian charts.![Categorizing Axis Labels in Flutter Charts](https://www.syncfusion.com/blogs/wp-content/uploads/2021/12/Categorizing-Axis-Labels-in-Flutter-Charts.png)
- The date-time axis label’s default format displays additional information about the date. Refer to the following image. ![Improvements in Date-Time Axis Label's Format in Flutter Charts](https://www.syncfusion.com/blogs/wp-content/uploads/2021/12/Improvements-in-Date-Time-Axis-Labels-Format.png)
- You can trim, shift, or hide the data labels that overflow from their space in [pie](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/pie-chart) , [doughnut](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/doughnut-chart) , [pyramid](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/pyramid-chart) , and [funnel](https://www.syncfusion.com/flutter-widgets/flutter-charts/chart-types/funnel-chart) charts. ![Data Label Over Flow Modes in Flutter Charts](https://www.syncfusion.com/blogs/wp-content/uploads/2021/12/Data-Label-Over-Flow-Modes-in-Flutter-Charts.gif)

### DataGrid

The [DataGrid](https://www.syncfusion.com/flutter-widgets/flutter-datagrid)
 widget includes the following enhancements:

- Display a dropdown button for choosing the number of rows to be shown on each page. ![Dropdown button to choose the number of rows in each page](https://www.syncfusion.com/blogs/wp-content/uploads/2021/12/Dropdown-Button-to-choose-the-number-of-rows-in-each-page.gif)
- Select multiple rows by tapping them, pressing the **SHIFT** key, and holding it.
- Render the DataGrid’s width and height based on the number of rows and columns available when the grid’s parent size is infinite.
- Specify separate swipe offsets for right and left swiping.

### Date Range Picker

Change the extendable range selection’s direction in the [Date Range Picker](https://www.syncfusion.com/flutter-widgets/flutter-daterangepicker)
. You can set the direction to forward, backward, both, or none. If you choose the none option, then you can’t select date ranges.

### Maps

The [Maps](https://www.syncfusion.com/flutter-widgets/flutter-maps)
 widget displays a pointer on the corresponding solid bar legend while hovering over the shapes or bubbles in it.

### ![Displaying Pointer in Solid Bar Legend in Flutter Maps](https://www.syncfusion.com/blogs/wp-content/uploads/2021/12/Displaying-Pointer-in-Solid-Bar-Legend-in-Flutter-Maps.gif)

### PDF Viewer

The following useful features were added to the [Flutter PDF Viewer](https://www.syncfusion.com/flutter-widgets/flutter-pdf-viewer)
 widget:

- You can load the encrypted or password-protected documents. ![Support to load encrypted PDF documents in Flutter PDF Viewer](https://www.syncfusion.com/blogs/wp-content/uploads/2021/12/Support-to-load-encrypted-PDF-documents-in-Flutter-PDF-Viewer.png)
- The PDF Viewer renders page regions in high resolution when you zoom in on a page. ![Rendering Pages With High Resolution While Zooming](https://www.syncfusion.com/blogs/wp-content/uploads/2021/12/Rendering-Pages-With-High-Resolution-While-Zooming.gif)

### Range Selector and Slider

The [Range Selector](https://www.syncfusion.com/flutter-widgets/flutter-range-selector)
 and [Slider](https://www.syncfusion.com/flutter-widgets/flutter-slider)
 widgets provide support to these features in the 2021 Volume 4 release:

- The tooltip can be set to display always.
- Callbacks were added to notify the user about the start and end interactions performed with the thumb.

### Treemap

The [Treemap](https://www.syncfusion.com/flutter-widgets/flutter-treemap)
widget has these new features in the 2021 Volume 4 release:

- Display a pointer on the corresponding solid bar legend while hovering over the tiles in it.
- Increase or decrease the duration of the tooltip visibility.

## Common change

- All our Flutter widgets have been migrated from using the [ThemeData](https://api.flutter.dev/flutter/material/ThemeData-class.html) class to the [ColorScheme](https://api.flutter.dev/flutter/material/ColorScheme-class.html) class.

## Conclusion

Thanks for reading! I hope now you are aware of the major new features included in our [Flutter suite](https://www.syncfusion.com/flutter-widgets)
 in the [2021 Volume 4](https://www.syncfusion.com/forums/171304/essential-studio-2021-volume-4-main-release-v19-4-0-38-is-available-for-download)
release. As stated, to see all the updates in this release, please check our [release notes](https://help.syncfusion.com/common/essential-studio/release-notes/v19.4.0.38)
 and [What’s New](https://www.syncfusion.com/products/whatsnew)
 pages. Try out our [Flutter packages](https://pub.dev/publishers/syncfusion.com/packages)
 and share your feedback in the comments section below.

Check out the complete [user guide](https://help.syncfusion.com/flutter/introduction/overview)
 and access our [Flutter GitHub demos](https://github.com/syncfusion/flutter-examples)
. Additionally, you can check out our demo apps in [Google Play](https://play.google.com/store/apps/details?id=com.syncfusion.flutter.examples&hl=en)
, the [App Store](https://apps.apple.com/in/app/syncfusion-flutter-ui-widgets/id1475231341)
, the [Microsoft Store](https://www.microsoft.com/store/productId/9NHNBWCSF85D)
, the [Snap Store](https://snapcraft.io/syncfusion-flutter-gallery)
, the [App Center](https://install.appcenter.ms/orgs/syncfusion-demos/apps/syncfusion-flutter-gallery/distribution_groups/release)
, and on our [website](https://flutter.syncfusion.com/#/)
.

Contact us through our [support forums](https://www.syncfusion.com/forums)
, [support portal](https://support.syncfusion.com/)
, or [feedback portal](https://www.syncfusion.com/feedback/flutter)
. As always, we are happy to assist you!

## Related blogs

- [Syncfusion Essential Studio® 2021 Volume 4 Is Here!](https://www.syncfusion.com/blogs/post/syncfusion-essential-studio-2021-volume-4-is-here.aspx)
- [8 Simple Tips for Using an API in a Mobile App](https://www.syncfusion.com/blogs/post/8-simple-tips-for-using-an-api-in-a-mobile-app.aspx)
- [Create a Meeting Room Calendar Using Flutter Event Calendar](https://www.syncfusion.com/blogs/post/create-a-meeting-room-calendar-using-flutter-event-calendar.aspx)
- [Customizing Axes in Flutter Charts: A Complete Guide](https://www.syncfusion.com/blogs/post/customizing-axes-in-flutter-charts-a-complete-guide.aspx)
