We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback
What’s New in Essential Studio for Flutter

ESSENTIAL STUDIO 2020 VOLUME 3

What’s New in Essential Studio for Flutter

Bring your best Flutter app to life with the enhancements found in Volume 3: a new PDF Viewer, Signature Pad, and Excel library, not to mention box plot and waterfall charts, and a DataGrid that supports freezing panes and paging.

Common

Preview to production-ready widgets

The following widgets have been developed to meet industrial standards and now marked as production-ready widgets for Flutter:

  • Barcodes
  • Slider

PDF Viewer (Preview)

PDF Viewer lets you view PDF documents seamlessly and efficiently in Android and iOS platforms. It has highly interactive and customizable features such as magnification, virtual scrolling, pagination, and bookmark navigation.

Features

Virtual scrolling

Easily scroll through the pages in a document with a fluent experience. Pages are rendered only when required to increase loading and scrolling performance.

PDF Viewer virtual scrolling.

Magnification

Content of the document can be zoomed in and out of efficiently.

Pagination

Navigate to the desired pages instantly.

PDF Viewer pagination.

Bookmark navigation

Bookmarks saved in the document are loaded and made ready for easy navigation. This feature helps in navigation within the PDF document of the topics bookmarked already.

PDF Viewer bookmarks.

Themes

Easily switch between light and dark themes.

Localization

All static text within the PDF Viewer can be localized to any supported language.

SignaturePad (Preview)

The SignaturePad widget allows you to capture smooth and more realistic signatures through drawing gestures. The widget also allows you to save the signature as an image, which can be further synchronized with your documents that need the signature.

Signature Pad for Flutter applications.

Features

More realistic, handwritten look and feel

The unique stroke rendering algorithm draws signatures based on the speed of the drawing gestures, along with the minimum and maximum stroke thicknesses, which brings a more realistic handwritten look and feel to your signature.

Stroke color customization

The stroke color of the SignaturePad widget can easily be customized.

Signature Pad color customizations.

Stroke width customization

The width of the signature stroke can be customized by setting the minimum and maximum stroke widths.

Signature Pad width customizations.

Save as image

Save the drawn signature as an image to embed in documents, PDFs, and anything else that supports using images to denote a signature.

Signature Pad to image conversion.

Excel Library (Preview)

A new Flutter library to create Excel documents programmatically with cell values, built-in styles, cell formatting, formulas, charts, images, and more. Excel files can be created only in XLSX (Excel 2007 and above) format.

Features

  • Create simple Excel documents in Flutter.
  • Apply Excel cell formatting.
  • Add basic formulas to Excel worksheet cells.
  • Add charts to Excel worksheets.
  • Add images to Excel worksheets.

Flutter XlsIO.

Calendar

Timeline month view

Display appointments across multiple days of a month on a horizontal axis where each column represents a single day.

Timeline month

Timeline resource grouping

Display the appointments of each resource in a discrete timeline view to enhance viewability.

Resource view

Blackout dates

Disable any date in a month and timeline month view of a calendar to make it inactive. Easily prevent the selection of weekends by disabling them.

Blackout dates

Hide leading and trailing dates

Hide the next month and previous month dates in a calendar to enhance the appearance.

Hide leading and trailing dates

Quick view navigation

Navigate among calendar views easily using the header date picker, views button in the calendar header, and clicking month cell and view headers.

Header date picker

Charts

New chart types

Render the following chart types:

Box and whisker chart

Box and whisker chart.

Waterfall chart

Waterfall chart.

Export

The rendered chart can be exported and saved as a png image or pdf document for future use.

Marker for trackball

Display markers at data point positions when moving the trackball.

Marker for trackball.

Trackball tooltips without intersection

Place the trackball tooltips without intersecting each other.

Trackball tooltips without intersection.

Padding to orient a data label

Rearrange the data label by moving it vertically or horizontally.

Padding for data label.

Data label tap notification

Tap the data label text for notification.

Dynamically animating a series

Animate a rendered chart series again dynamically.

Series dynamic animation.

Dynamically select a data point

Select the data points in a chart dynamically.

Data point dynamic selection.

Anchor range to data points

Decide whether the axis range has to calculate based on visible data points or based on overall data points.

Anchor range to data points.

DataGrid

Data pager

Load data in segments. It is useful when loading huge amounts of data.

Flutter DataGrid DataPager.

Freeze panes

Fix (freeze) columns on the left and right sides. Users can also fix (freeze) the rows at the top and bottom of a DataGrid.

Flutter DataGrid Freeze-Pane.

Sorting

Sort data in the ascending order and descending order.

Flutter DataGrid Sorting

Callback support for cell interactions

Allows users to listen to callbacks for the following cell interactions,

  • Tap
  • Double Tap
  • Secondary Tap
  • Long Press

Maps

Tile layer

An interactive tile layer allows you to load map tiles from web map tile services such as Bing Maps, OpenStreetMaps, Google Maps, TomTom, etc. Use markers to denote the specific latitude and longitude in the tile layer as required. Zoom and pan the tile layer to navigate across the regions and take a closer look.

Flutter Maps tile layer.

Zooming and panning in shape layer

Zoom in on the shape layer for a closer look at a specific region by pinching the map, scrolling the mouse wheel or track pad, or using the toolbar on the web. Pan the map to navigate across regions. You can also customize the zoom level and the center point of the initial rendering.

Flutter Maps zoom and pan.

Custom widget for tooltips

Customize the shape and bubble tooltips with the entirely customized widgets.

Flutter Maps custom widget for tooltip.

Legend for bubbles

In addition to the legend for the shapes, now render legends for the bubbles, too. Use legends to provide clear information on the data plotted in the map. You can use the legend toggling feature to visualize only the data of the required region.

Flutter Maps bubble legend.

Improvement in interaction animations and web platform hovering

Smooth animations have been added for the shape interactions like legend toggling and selection. Also, use hover support for the web platform to include animations when hovering over bubbles and shapes to improve the UI experience.

Radial Gauge

Export

The rendered gauge can be exported and saved as a png image or pdf document for future use.

Range Selector

Material design improvements

The following UI improvements have been made based on the latest Material design guidelines:

  • Difference in default active and inactive track height.
  • Shadow support for the thumbs.
  • Overlapping stroke for thumb and tooltip.
  • Changes in default divider radius.

Flutter Range Selector Material design.

Range Slider

Material design improvements

The following UI improvements have been made based on the latest Material design guidelines:

  • Difference in default active and inactive track height.
  • Shadow support for the thumbs.
  • Overlapping stroke for thumb and tooltip.
  • Changes in default divider radius.

Flutter Range Slider Material design.

Slider

Material design improvements

The following UI improvements have been made based on the latest Material design guidelines:

  • Difference in active and inactive track height.
  • Shadow support for the thumbs.
  • Thumb and tooltip overlap stroke.
  • Changes in default divider radius.

Flutter Slider Material design.

PDF Library

Reading a PDF file

Load and modify an existing PDF document by adding graphical objects to a page, adding a new page, and more.

Reading a PDF file.

Parsing bookmarks

Load an existing PDF document’s bookmarks with their destinations and modify them.

Parsing bookmarks.

Annotations

Create and load annotations in a new or existing PDF document. The following shape annotations are supported now: rectangle, ellipse, polygon, and line.

Annotations.

Extracting text from a PDF document

Extract text from an existing PDF document along with its bounds.

Extract text.

Find text in a PDF document

Find text in an existing PDF document along with its bounds and page index.

Find text.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon