Live Chat Icon For mobile
Live Chat Icon
Popular Categories.NET  (152).NET Core  (26)Angular  (49)ASP.NET  (48)ASP.NET Core  (64)ASP.NET MVC  (86)Azure  (29)Blazor  (107)DocIO  (20)Essential JS 2  (72)Essential Studio  (164)File Formats  (20)Flutter  (115)JavaScript  (150)Microsoft  (102)PDF  (59)React  (33)Succinctly series  (124)Syncfusion  (490)TypeScript  (30)Uno Platform  (3)UWP  (4)Vue  (26)Webinar  (27)Windows Forms  (55)WinUI  (27)WPF  (123)Xamarin  (132)XlsIO  (24)Other CategoriesBarcode  (4)BI  (29)Bold BI  (4)Build conference  (6)Business intelligence  (53)Button  (4)C#  (108)Chart  (53)Cloud  (10)Company  (445)Dashboard  (6)Data Science  (3)Data Validation  (5)DataGrid  (50)Development  (263)Doc  (7)DockingManager  (1)eBook  (94)Enterprise  (22)Entity Framework  (5)Essential Tools  (14)Excel  (20)Extensions  (15)File Manager  (4)Gantt  (9)Gauge  (7)Git  (4)Grid  (27)HTML  (9)Installer  (2)Knockout  (2)Language  (1)LINQPad  (1)Linux  (2)M-Commerce  (1)Metro Studio  (11)Mobile  (233)Mobile MVC  (9)OLAP server  (1)Open source  (1)Orubase  (12)Partners  (21)PDF viewer  (25)Performance  (7)PHP  (1)PivotGrid  (4)Predictive Analytics  (6)Report Server  (3)Reporting  (10)Reporting / Back Office  (11)Rich Text Editor  (6)Road Map  (9)Scheduler  (29)SfDataGrid  (9)Silverlight  (21)Sneak Peek  (19)Solution Services  (2)Spreadsheet  (10)SQL  (7)Stock Chart  (1)Surface  (4)Tablets  (5)Theme  (11)Tips and Tricks  (65)UI  (139)Uncategorized  (68)Unix  (2)User interface  (68)Visual State Manager  (1)Visual Studio  (19)Visual Studio Code  (13)Web  (227)What's new  (146)Windows 8  (19)Windows App  (1)Windows Phone  (15)Windows Phone 7  (9)WinRT  (26)
Share on twitter
Share on facebook
Share on linkedin
What’s New in 2021 Volume 3: Flutter PDF Viewer

What’s New in 2021 Volume 3: Flutter PDF Viewer

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

The Flutter PDF Viewer widget was updated in the 2021 Volume 3 release with:

Horizontal scrolling

The PDF Viewer supports the following scrolling options:

  • Vertical scrolling
  • Horizontal scrolling

By default, vertical scrolling is enabled, which scrolls the PDF pages from top to bottom. The new horizontal scrolling support allows you to scroll PDF pages from left to right.

The following code example explains how to configure the PDF Viewer widget to horizontal scrolling mode.

@override
Widget build(BuildContext context) {
  return Scaffold(
      body: Container(
          child: SfPdfViewer.network(
              'https://cdn.syncfusion.com/content/PDFViewer/flutter-succinctly.pdf',
              scrollDirection: PdfScrollDirection.horizontal)));
}
Scrolling PDF Pages Horizontally in Flutter PDF Viewer
Scrolling PDF Pages Horizontally in Flutter PDF Viewer

Page-by-page view (single-page layout mode)

Now, the PDF Viewer supports the following page layout modes:

  • Continuous-page layout mode
  • Single-page layout mode

The continuous-page layout mode is enabled by default. It allows us to continuously scroll the PDF pages vertically and horizontally.

The new single-page layout lets you display a PDF in page-by-page order horizontally.

The following code example explains how to configure the PDF Viewer widget to single-page layout mode.

@override
Widget build(BuildContext context) {
  return Scaffold(
      body: Container(
          child: SfPdfViewer.network(
              'https://cdn.syncfusion.com/content/PDFViewer/flutter-succinctly.pdf',
              pageLayoutMode: PdfPageLayoutMode.single)));
}
Single Page Layout Mode in Flutter PDF Viewer
Single Page Layout Mode in Flutter PDF Viewer

Accessibility

With the 2021 Volume 3 release, you can enjoy screen-reader accessibility support in the Flutter PDF Viewer. The PDF Viewer can be accessed by screen readers by wrapping the widget into the Semantics widget.

Refer to the following code.

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Semantics(
      label: 'Syncfusion Flutter PDF Viewer',
      child:
         SfPdfViewer.network(
              'https://cdn.syncfusion.com/content/PDFViewer/flutter-succinctly.pdf'),
    ),
  );
}

Conclusion

Thanks for reading! I hope you enjoyed this blog about the new features of the Flutter PDF Viewer available in the 2021 Volume 3 release. Info on these features is also available in our Release Notes and What’s New pages.  Try out these new, user-friendly updates and leave your feedback in the comments section below!

Explore the Flutter PDF Viewer user guide to see all the available features in it. Check out our Flutter examples in this GitHub repository. In addition, you can download our Flutter demo app from Google Play and the App Store.

If you are an existing Syncfusion user, please download the latest version of Essential Studio from the License & Downloads page and try the new features for yourself. If you aren’t a customer yet, you can try our 30-day free trial to check out these features.

You can contact us through our support forumDirect-Trac, or feedback portal. We are always happy to assist you!

Related blogs

Tags:

Share this post:

Share on twitter
Share on facebook
Share on linkedin
Popular Now

Be the first to get updates

Subscribe RSS feed
Scroll To Top