A Groundbreaking Update: Syncfusion Flutter Widgets Are Now Web-Compatible | Syncfusion Blogs
Live Chat Icon For mobile
Live Chat Icon
Popular Categories.NET  (175).NET Core  (29).NET MAUI  (208)Angular  (109)ASP.NET  (51)ASP.NET Core  (82)ASP.NET MVC  (89)Azure  (41)Black Friday Deal  (1)Blazor  (220)BoldSign  (15)DocIO  (24)Essential JS 2  (107)Essential Studio  (200)File Formats  (67)Flutter  (133)JavaScript  (221)Microsoft  (119)PDF  (81)Python  (1)React  (101)Streamlit  (1)Succinctly series  (131)Syncfusion  (920)TypeScript  (33)Uno Platform  (3)UWP  (4)Vue  (45)Webinar  (51)Windows Forms  (61)WinUI  (68)WPF  (159)Xamarin  (161)XlsIO  (37)Other CategoriesBarcode  (5)BI  (29)Bold BI  (8)Bold Reports  (2)Build conference  (8)Business intelligence  (55)Button  (4)C#  (151)Chart  (132)Cloud  (15)Company  (443)Dashboard  (8)Data Science  (3)Data Validation  (8)DataGrid  (63)Development  (633)Doc  (8)DockingManager  (1)eBook  (99)Enterprise  (22)Entity Framework  (5)Essential Tools  (14)Excel  (41)Extensions  (22)File Manager  (7)Gantt  (18)Gauge  (12)Git  (5)Grid  (31)HTML  (13)Installer  (2)Knockout  (2)Language  (1)LINQPad  (1)Linux  (2)M-Commerce  (1)Metro Studio  (11)Mobile  (508)Mobile MVC  (9)OLAP server  (1)Open source  (1)Orubase  (12)Partners  (21)PDF viewer  (43)Performance  (12)PHP  (2)PivotGrid  (4)Predictive Analytics  (6)Report Server  (3)Reporting  (10)Reporting / Back Office  (11)Rich Text Editor  (12)Road Map  (12)Scheduler  (52)Security  (3)SfDataGrid  (9)Silverlight  (21)Sneak Peek  (31)Solution Services  (4)Spreadsheet  (11)SQL  (11)Stock Chart  (1)Surface  (4)Tablets  (5)Theme  (12)Tips and Tricks  (112)UI  (387)Uncategorized  (68)Unix  (2)User interface  (68)Visual State Manager  (2)Visual Studio  (31)Visual Studio Code  (19)Web  (597)What's new  (333)Windows 8  (19)Windows App  (2)Windows Phone  (15)Windows Phone 7  (9)WinRT  (26)
Flutter Widgets for web

A Groundbreaking Update: Syncfusion Flutter Widgets Are Now Web-Compatible

A third pillar of support is being raised for our Flutter widgets: web platform support is here! This comes in addition to support for the iOS and Android platforms.

In July 2019, we released the initial version of our Flutter widgets, which were only compatible with iOS and Android platforms. Since then, we’ve continued to add new widgets to our Flutter suite.

As the popularity of the Flutter framework increased, we realized that users were starting to develop web apps using it. So, to prepare for this trend, we decided to make our packages compatible for developing web applications as well.

And here we are now, excited to introduce beta support of our Flutter widgets for web in the 2020 Volume 1 release.

All the features of our Flutter widgets for mobile are available in the web version. Additionally, we have implemented support for mouse and keyboard interactions as well. We have also introduced a few new widgets in that are compatible with Flutter web development.

New widgets and library

The new widgets introduced in this release are:

The following are the enhancements made exclusively for the web support.

Charts

In the Charts widget, we have resolved all the alignment and compilation issues to make it compatible with the Flutter beta channel. In addition, we have implemented:

  • Display of tooltip, trackball, and crosshair on mouse hover.
  • Selection of data points on mouse click.
  • Support to zoom chart data on mouse wheel scroll.

Calendar

In the Calendar widget, we have resolved all the alignment and compilation issues to make it compatible with the Flutter beta channel. We’ve also implemented:

  • Hover effect for each cell on mouse hover.
  • Selection on mouse click.
  • Keyboard navigation.

Radial Gauge

In the Radial Gauge widget, you guessed it, we fixed all the alignment and compilation issues to make it compatible with the Flutter beta channel. Now the pointers can be dragged using the mouse.

Web examples

We have designed a new sample browser application to showcase our Flutter widgets for the web. You can check out the demos of these widgets here. You can also explore the source code of the examples in this GitHub repository.

Web demo home page
Web demo home page
Charts web demo
Charts web demo
Range Slider web demo
Range Slider web demo
Calendar web demo
Calendar web demo
Radial Gauge web demo
Radial Gauge web demo

 

Conclusion

I hope this has given you a quick overview of the new widgets and features of Syncfusion Flutter widgets provided for the web support. We will continue to enhance our samples and features for the web in future releases. You can use the packages from pub.dev to try out these widgets. To learn about all the new features and improvements included in this release, you can check our release notes and what’s new.

Please browse our Flutter documentation to learn more about the available features. You can also see Syncfusion’s Flutter app with many examples in this GitHub repo. Don’t miss our demo app in Google Play and the App Store.

If you need a new widget for the Flutter framework that we don’t offer currently, please let us know in the comments section below. You can also contact us through our support forumDirect-Trac, or feedback portal. We are always happy to assist you!

googleplay.png

Tags:

Share this post:

Comments (1)

Great news! congrats on the achievement

Comments are closed.

Popular Now

Be the first to get updates

Subscribe RSS feed

Be the first to get updates

Subscribe RSS feed