What’s New in 2024 Volume 1: Flutter
Tags: flutter, mobile, ui, web
Published: 2024-03-26 02:26:19

---
title: What’s New in 2024 Volume 1: Flutter
published: true
date: 2024-03-20 14:20:51 UTC
tags: flutter, mobile, ui, web
canonical_url: https://www.syncfusion.com/blogs/post/whats-new-flutter-2024-vol-1.aspx
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3rbn8uc4ljc1m1ygjiup.png
---

**TLDR:** Explore the new features added to Syncfusion’s Flutter widgets and the vivid Material 3 theme support in the 2024 Volume 1 release.

Welcome to a whirlwind of excitement! Brace yourself as the [Syncfusion Flutter](https://www.syncfusion.com/flutter-widgets "Flutter widgets") suite unveils many exhilarating updates and enhancements in the [2024 Volume 1](https://www.syncfusion.com/forums/187257/essential-studio-2024-volume-1-main-release-v25-1-35-is-available-for-download "Essential Studio 2024 Volume 1") release. These updates are meticulously crafted to supercharge the development process and expand app capabilities.  

Let’s discover the remarkable new updates!

## Common

### M3 support

Syncfusion has updated the Flutter widgets to fully support Material 3, the latest specification of Material Design. If you prefer the Material 2 UI, you can set the [useMaterial3](https://api.flutter.dev/flutter/material/ThemeData/useMaterial3.html "useMaterial3 property in Flutter") property to **false** in the [MaterialApp](https://api.flutter.dev/flutter/material/MaterialApp-class.html "MaterialApp class in Flutter") class.

Refer to the following images.

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/03/Material-3-light-theme-support-for-Flutter-widgets.png" alt="Material 3 light theme support for Flutter widgets" style="width:100%">

  <figcaption>Material 3 light theme support for Flutter widgets</figcaption>

</figure>

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/03/Material-3-dark-theme-support-for-Flutter-widgets.png" alt="Material 3 dark theme support for Flutter widgets" style="width:100%">

  <figcaption>Material 3 dark theme support for Flutter widgets</figcaption>

</figure>

## What’s new in existing Flutter widgets?

Let’s see the stunning new features added to the Flutter widgets in this Volume 1 release!

### Charts

The [Flutter Charts](https://www.syncfusion.com/flutter-widgets/flutter-charts "Flutter Charts") widget delivers the following new vivid features:

#### Crosshair behavior improvements

By rewriting the architecture and optimizing the code, we’ve doubled the performance of [crosshair behavior](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CrosshairBehavior-class.html "CrosshairBehavior class in Flutter") interaction in the Flutter Charts. Moreover, we’ve introduced the interaction and paint methods to support extensive customization options.

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/03/Enhancements-in-crosshair-behavior-in-Flutter-Charts.gif" alt="Enhancements in crosshair behavior in Flutter Charts" style="width:100%">

  <figcaption>Enhancements in crosshair behavior in Flutter Charts</figcaption>

</figure>

#### Trackball behavior improvements

We have also doubled the performance of [Trackball behavior](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/TrackballBehavior-class.html "TrackballBehavior class in Flutter") interaction by rewriting its architecture and optimizing its code. Additionally, we’ve added the interaction and paint methods to support extensive customization.

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/03/Enhancements-in-trackball-behavior-in-Flutter-Charts.gif" alt="Enhancements in trackball behavior in Flutter Charts" style="width:100%">

  <figcaption>Enhancements in trackball behavior in Flutter Charts</figcaption>

</figure>

#### Clip support for annotations

The [Flutter Cartesian Charts’ annotation](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianChartAnnotation-class.html "CartesianChartAnnotation class in Flutter") will be hidden by default when it exceeds the **PlotArea** or **ChartArea**. From this 2024 vol 1 release onward, we can clip the exceeding portions by specifying the [ChartClipBehavior .clip](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CartesianChartAnnotation/clip.html "Clip property in Flutter") property in the annotation.

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/03/Clip-support-for-annotations-in-Flutter-Charts.png" alt="Clip support for annotations in Flutter Charts" style="width:100%">

  <figcaption>Clip support for annotations in Flutter Charts</figcaption>

</figure>

#### Touch support for annotations

Interactions are now functional when embedding an interactive widget within an annotation in the Flutter Charts.

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/03/Touch-support-for-annotations-in-Flutter-Charts.gif" alt="Touch support for annotations in Flutter Charts" style="width:100%">

  <figcaption>Touch support for annotations in Flutter Charts</figcaption>

</figure>

#### Cross-axis rendering improvements

In the previous versions, the plot area’s axis was placed beneath the series, which made it hard to see. However, in this release, we have improved this rendering behavior by ensuring the axis is always rendered on top of the series.

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/03/Cross-axis-rendering-improvements-in-Flutter-Charts.png" alt="Cross-axis rendering improvements in Flutter Charts" style="width:100%">

  <figcaption>Cross-axis rendering improvements in Flutter Charts</figcaption>

</figure>

#### Enhancements in Funnel Series’ legends rendering

Based on the data source sequence, we’ve improved the rendering order of the legend items in the [Funnel Series](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/FunnelSeries-class.html "FunnelSeries<T, D> class in Flutter"). Now, the legend items are rendered in the same order as the data source, usually from bottom to top, reflecting the rendering order of the funnel series.

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/03/Enhancements-in-Funnel-Series-legends-rendering-order.png" alt="Enhancements in Funnel Series’ legends rendering order" style="width:100%">

  <figcaption>Enhancements in Funnel Series’ legends rendering order</figcaption>

</figure>

#### Custom segment rendering

We’ve also added support for [Circular](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/CircularSeries-class.html "CircularSeries<T, D> class in Flutter"), [Funnel](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/FunnelSeries-class.html "FunnelSeries<T, D> class in Flutter"), and [Pyramid](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/PyramidSeries-class.html "PyramidSeries<T, D> class in Flutter") Charts to enable custom rendering for the series. This allows for individual and collective customization of the segments.

### Spark Charts

In the [Flutter Spark Charts](https://www.syncfusion.com/flutter-widgets/flutter-spark-charts "Flutter Spark Charts"), we’ve included [Theme](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSparkChartTheme-class.html "SfSparkChartTheme class in Flutter") support to customize the default styles of all Spark Charts.

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/03/Custom-themes-support-in-Flutter-Spark-Charts.gif" alt="Custom themes support in Flutter Spark Charts" style="width:100%">

  <figcaption>Custom themes support in Flutter Spark Charts</figcaption>

</figure>

### PDF Library

The [Flutter PDF Library](https://www.syncfusion.com/document-processing/pdf-framework/flutter/pdf-library "Flutter PDF Library") provides support for the following user-friendly features:

#### Import and export annotations

Users can export annotated PDFs effortlessly and import annotations from other sources into their documents. Enhance your document management process with the compatibility for formats like XFDF, FDF, and JSON.

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/03/Importing-and-exporting-annotations-using-the-Flutter-PDF-library.png" alt="Importing and exporting annotations using the Flutter PDF library" style="width:100%">

  <figcaption>Importing and exporting annotations using the Flutter PDF library</figcaption>

</figure>

#### Check box form field enhancements

Enables users to toggle the selection of grouped check box items within PDF documents. This feature provides users with enhanced management of their form fields, improving the user experience with PDF forms.

#### Digital signature enhancements

This feature enables asynchronous PDF signing through external integration. This improvement allows for more fluid workflows, as users can merge with third-party signing services effortlessly. With this upgrade, users gain greater adaptability, as they can now carry on with other activities while the signing operation occurs behind the scenes.

### PDF Viewer

The new features included in the [Flutter PDF Viewer](https://www.syncfusion.com/flutter-widgets/flutter-pdf-viewer "Flutter PDF Viewer") are as follows:

#### Viewport rendering

When zoomed in closer, this function displays only the section of the PDF document that appears within the on-screen viewing area, disregarding the content beyond the visible frame.

#### Undo/redo support in form-filling

This feature enables users to undo and redo the data inputted in PDF forms, ensuring quick error correction without manually going through the entire form.

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/03/Undoredo-support-in-PDF-form-filling-feature.gif" alt="Undo/redo support in PDF form-filling feature" style="width:100%">

  <figcaption>Undo/redo support in PDF form-filling feature</figcaption>

</figure>

## Conclusion

Thank you for your attention! You now have a comprehensive understanding of the key features of our [Flutter widgets](https://www.syncfusion.com/flutter-widgets "Flutter widgets") for the [2024 Volume 1](https://www.syncfusion.com/forums/187257/essential-studio-2024-volume-1-main-release-v25-1-35-is-available-for-download "Essential Studio 2024 Volume 1") release. To explore all the updates in this release, please refer to our [release notes](https://help.syncfusion.com/common/essential-studio/release-notes/v20.1.0.47 "Syncfusion Release Notes") and [What’s New](https://www.syncfusion.com/products/whatsnew "Syncfusion What’s New page") pages. We encourage you to try our [Flutter packages](https://pub.dev/publishers/syncfusion.com/packages "Syncfusion Flutter packages on pub.dev") and share your feedback in the comments below.

You can also access our complete [user guide](https://help.syncfusion.com/flutter/introduction/overview) and explore our [Flutter project examples](https://github.com/syncfusion/flutter-examples) for more information. Additionally, you can discover our demo apps on various platforms, such as [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 our [website](https://flutter.syncfusion.com/#/).

If you require a new widget in our Flutter framework or additional features in our existing widgets, please contact us via our [support forums](https://www.syncfusion.com/forums "Syncfusion Support Forum"), [support portal](https://support.syncfusion.com/ "Syncfusion Support Portal"), or [feedback portal](https://www.syncfusion.com/feedback/flutter "Syncfusion Feedback Portal"). We are always delighted to assist you!

## Related blogs

- [Syncfusion Essential Studio 2024 Volume 1 Is Here!](https://www.syncfusion.com/blogs/post/essential-studio-2024-vol-1.aspx "Blog: Syncfusion Essential Studio 2024 Volume 1 Is Here!")
- [Effortlessly Fill and Share PDF Forms using Flutter PDF Viewer](https://www.syncfusion.com/blogs/post/essential-studio-2024-vol-1.aspx "Blog: Effortlessly Fill and Share PDF Forms using Flutter PDF Viewer")
- [Syncfusion Essential Studio 2024 Volume 1 Is Here!](https://www.syncfusion.com/blogs/post/essential-studio-2024-vol-1.aspx "Blog: Syncfusion Essential Studio 2024 Volume 1 Is Here!")