Syncfusion Flutter Widgets
Syncfusion Flutter widgets libraries include high-quality UI widgets and file-format packages to help you create rich, high-quality applications for iOS, Android, and web from a single code base.
Disclaimer: This is a commercial package. To use our packages, you need to have either the Syncfusion Commercial License or Syncfusion Community license. For more details, please check the LICENSE file.
Note: Our packages are now compatible with Flutter for Web. However, this will be in Beta until Flutter for Web becomes stable.
Table of contents
- Repository structure
- Packages
- How to use
- Referring packages source in your application
- Running the available example
- Get the demo application
- Useful links
Repository structure
This repository holds the source code of all the Syncfusion Flutter widgets and libraries. Source code of the widget, a working example, read me, changelog, etc., files are available in the packages directory.
Also, you can view the samples code from this repository.
Packages
| Package/Plugin | |
| syncfusion_flutter_charts | SfCartesianChart |
| SfCircularChart | |
| SfPyramidChart | |
| SfFunnelChart | |
| syncfusion_flutter_calendar | |
| syncfusion_flutter_datagrid | SfDataGrid |
| syncfusion_flutter_pdfviewer | SfPdfViewer |
| syncfusion_flutter_pdf | PDF library |
| syncfusion_flutter_xlsio | XlsIO library |
| syncfusion_flutter_datepicker | SfDateRangePicker |
| syncfusion_flutter_maps | SfMaps |
| syncfusion_flutter_gauges | SfRadialGauge |
| syncfusion_flutter_sliders | SfSlider |
| SfRangeSlider | |
| syncfusion_flutter_signaturepad | SfSignaturePad |
| syncfusion_flutter_barcodes | SfBarcodeGenerator |
| syncfusion_officechart | Office chart library |
| syncfusion_officecore | This package is a dependecy package for Office chart library. |
| syncfusion_flutter_core | This package is a dependecy package for all the Syncfusion Flutter widgets and libraries. |
| syncfusion_localizations | This package contains localized text for 77 cultures for all the applicable Syncfusion Flutter Widgets. |
How to use
Referring packages source in your application
All the packages available in the packages folder can be referred in your application by following the below steps.
Step 1
Clone the flutter-widgets repository into your machine.
Step 2
Refer the required package in your application’s pubspec.yaml file by mentioning its local path. For example, here we have referred the charts package.
syncfusion_flutter_charts:
path: D:/flutter-widgets/packages/syncfusion_flutter_charts
Step 3
Run the following command to get the required packages.
$ flutter pub get
Step 4
Run your application either using F5 or Run > Start Debugging.
Running the available example
All the packages available in the packages folder has an example and it can be run by following the below steps.
Step 1
Clone the flutter-widgets repository into your machine.
Step 2
Open the example folder available in packages in an IDE. The below path is for reference.
..\flutter-widgets\packages\syncfusion_flutter_charts\example
Step 3
Run the following command to get the required packages.
$ flutter pub get
Note: In the example, packages are referred from the local folder which is available in this repository. If you wish, you can also refer the packages from pub.
Step 4
Run your application either using F5 or Run > Start Debugging.
Get the demo application
Explore the full capabilities of our Flutter widgets on your device by installing our sample browser applications from the below app stores, and view samples code in GitHub.
Useful links
Take a look at the following to learn more about Syncfusion Flutter widgets:
Download source code on GitHub
Provides the list of the opensource Flutter apps collection with GitHub repository.
