|
1 |
| -# flutter_examples |
| 1 | +# Syncfusion Flutter examples |
2 | 2 |
|
3 |
| -This project contains the Syncfusion Flutter UI widgets examples. |
| 3 | +This repository contains awesome demos of [Syncfusion Flutter UI widgets](https://www.syncfusion.com/flutter-widgets). This is the best place to check our widgets to get more insight about the usage of APIs. You can also check our widgets by installing the complete Flutter sample browser from [Google Play Store](https://play.google.com/store/apps/details?id=com.syncfusion.flutter.examples) or [Apple store](https://apps.apple.com/us/app/syncfusion-flutter-ui-widgets/id1475231341), in which you can browse the demo for all the widgets and view the source code of each sample within the app itself. |
4 | 4 |
|
5 |
| -## Getting Started |
| 5 | +This section guides you to use the Syncfusion Flutter examples in your applications. |
6 | 6 |
|
7 |
| -This project is a starting point for a Flutter application. |
| 7 | +* [Requirements to run the demo](#requirements-to-run-the-demo) |
| 8 | +* [Repository Structure](#repository-structure) |
| 9 | +* [Widgets Catalog](#widgets-catalog) |
| 10 | +* [License](#license) |
| 11 | +* [Using the examples](#using-the-examples) |
| 12 | +* [Support and Feedback](#support-and-feedback) |
8 | 13 |
|
9 |
| -A few resources to get you started if this is your first Flutter project: |
| 14 | +## <a name="requirements-to-run-the-demo"></a>Requirements to run the demo ## |
| 15 | +* [Visual Studio code](https://code.visualstudio.com/download) |
| 16 | +* #### Flutter SDK Version |
| 17 | + | Channel| Version| |
| 18 | + |--------|--------| |
| 19 | + | Stable | [2.0.2](https://code.visualstudio.com/download)| |
| 20 | + | Beta | [2.0.2](https://storage.googleapis.com/flutter_infra/releases/beta/windows/flutter_windows_2.0.2-beta.zip)| |
| 21 | +* Dart and Flutter add-ons for Visual Studio Code (available via the Visual studio code extension). |
10 | 22 |
|
11 |
| -- [Lab: Write your first Flutter app](https://flutter.dev/docs/get-started/codelab) |
12 |
| -- [Cookbook: Useful Flutter samples](https://flutter.dev/docs/cookbook) |
| 23 | +## <a name="repository-structure"></a> Repository Structure ## |
| 24 | +The <b>lib/samples</b> directory contains the Flutter widget examples for each widget such as Charts, DataGrid, etc. All the examples can be deployed in Android, iOS, and web platforms. |
13 | 25 |
|
14 |
| -For help getting started with Flutter, view our |
15 |
| -[online documentation](https://flutter.dev/docs), which offers tutorials, |
16 |
| -samples, guidance on mobile development, and a full API reference. |
| 26 | +## <a name="widgets-catalog"></a>Widgets Catalog ## |
| 27 | + |
| 28 | +| Widgets | Repository | |
| 29 | +| ------------- | --------------- | |
| 30 | +| Bar Code | [Link](https://github.com/Yuvaraj-Gajaraj/flutter-examples/tree/master/lib/samples/barcodes) | |
| 31 | +| Calendar | [Link](https://github.com/Yuvaraj-Gajaraj/flutter-examples/tree/master/lib/samples/calendar) | |
| 32 | +| Chart | [Link](https://github.com/Yuvaraj-Gajaraj/flutter-examples/tree/master/lib/samples/chart) | |
| 33 | +| Data Grid | [Link](https://github.com/Yuvaraj-Gajaraj/flutter-examples/tree/master/lib/samples/datagrid) | |
| 34 | +| Date Picker | [Link](https://github.com/Yuvaraj-Gajaraj/flutter-examples/tree/master/lib/samples/date_picker) | |
| 35 | +| Gauge | [Link](https://github.com/Yuvaraj-Gajaraj/flutter-examples/tree/master/lib/samples/gauge) | |
| 36 | +| Maps | [Link](https://github.com/Yuvaraj-Gajaraj/flutter-examples/tree/master/lib/samples/maps) | |
| 37 | +| PDF | [Link](https://github.com/Yuvaraj-Gajaraj/flutter-examples/tree/master/lib/samples/pdf) | |
| 38 | +| Pdf Viewer | [Link](https://github.com/Yuvaraj-Gajaraj/flutter-examples/tree/master/lib/samples/pdf_viewer) | |
| 39 | +| Progress Bar | [Link](https://github.com/Yuvaraj-Gajaraj/flutter-examples/tree/master/lib/samples/progress_bar) | |
| 40 | +| Radial Range Slider | [Link](https://github.com/Yuvaraj-Gajaraj/flutter-examples/tree/master/lib/samples/radial_range_slider) | |
| 41 | +| Radial Slider | [Link](https://github.com/Yuvaraj-Gajaraj/flutter-examples/tree/master/lib/samples/radial_slider) | |
| 42 | +| Signature Pad | [Link](https://github.com/Yuvaraj-Gajaraj/flutter-examples/tree/master/lib/samples/signature_pad) | |
| 43 | +| Slider | [Link](https://github.com/Yuvaraj-Gajaraj/flutter-examples/tree/master/lib/samples/sliders) | |
| 44 | +| Sparkline | [Link](https://github.com/Yuvaraj-Gajaraj/flutter-examples/tree/master/lib/samples/sparkline) | |
| 45 | +| Xlsio | [Link](https://github.com/Yuvaraj-Gajaraj/flutter-examples/tree/master/lib/samples/xlsio) | |
| 46 | + |
| 47 | +## <a name="license"></a>License ## |
| 48 | + |
| 49 | +Syncfusion has no liability for any damage or consequence that may arise by the use or viewing of the examples. The examples are for demonstrative purposes and if you choose to use or access the examples you agree to not hold Syncfusion liable, in any form, for any damage that is related to use, accessing or otherwise viewing the examples. By accessing, viewing, or otherwise seeing the examples you acknowledge and agree Syncfusion’s examples will not allow you to seek injunctive relief in any form for any claim related to the sample. If you do not agree to this, do not view, access, utilize or otherwise do anything with Syncfusion’s examples. |
| 50 | + |
| 51 | +## <a name="using-the-examples"></a>Using the examples ## |
| 52 | + |
| 53 | +If you download the examples using the "Download ZIP" option then please follow the instructions below. |
| 54 | + |
| 55 | +**Step 1** |
| 56 | + |
| 57 | +Unzip the downloaded flutter example archive. |
| 58 | + |
| 59 | +**Step 2** |
| 60 | + |
| 61 | +Open the flutter example folder in an IDE. The below path is for reference. |
| 62 | + |
| 63 | +**Step 3** |
| 64 | + |
| 65 | +Run the following command to get the required packages. |
| 66 | + |
| 67 | +```dart |
| 68 | +$ flutter pub get |
| 69 | +``` |
| 70 | + |
| 71 | +**Step 4** |
| 72 | + |
| 73 | +Run your application either using `F5` or `Run > Start Debugging`. |
| 74 | + |
| 75 | +## Get the demo application |
| 76 | + |
| 77 | +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. |
| 78 | + |
| 79 | +<p align="center"> |
| 80 | + <a href="https://play.google.com/store/apps/details?id=com.syncfusion.flutter.examples"><img src="https://cdn.syncfusion.com/content/images/FTControl/google-play.png"/></a> |
| 81 | + <a href="https://apps.apple.com/us/app/syncfusion-flutter-ui-widgets/id1475231341"><img src="https://cdn.syncfusion.com/content/images/FTControl/apple-button.png"/></a> |
| 82 | + </p> |
| 83 | + <p align="center"> |
| 84 | + <a href="https://github.com/syncfusion/flutter-examples"><img src="https://cdn.syncfusion.com/content/images/FTControl/GitHub.png"/></a> |
| 85 | + <a href="https://flutter.syncfusion.com"><img src="https://cdn.syncfusion.com/content/images/FTControl/web_sample_browser.png"/></a> |
| 86 | +</p> |
| 87 | + |
| 88 | +## Useful links |
| 89 | +Take a look at the following to learn more about Syncfusion Flutter widgets: |
| 90 | + |
| 91 | +* [Syncfusion Flutter product page](https://www.syncfusion.com/flutter-widgets) |
| 92 | +* [User guide documentation](https://help.syncfusion.com/flutter/introduction/overview) |
| 93 | +* [API reference](https://help.syncfusion.com/flutter/introduction/api-reference) |
| 94 | +* [Knowledge base](https://www.syncfusion.com/kb/flutter) |
| 95 | +* [Video tutorials](https://www.syncfusion.com/tutorial-videos/flutter) |
| 96 | + |
| 97 | +## Support and feedback |
| 98 | + |
| 99 | +* For any other queries, reach our [Syncfusion support team](https://www.syncfusion.com/support/directtrac/incidents/newincident) or post the queries through the [Community forums](https://www.syncfusion.com/forums) and submit a feature request or a bug through our [Feedback portal](https://www.syncfusion.com/feedback/flutter). |
| 100 | +* To renew the subscription, click [renew ](https://www.syncfusion.com/sales/products) or contact our sales team at [email protected] | Toll Free: 1-888-9 DOTNET. |
| 101 | + |
| 102 | +## About Syncfusion |
| 103 | + |
| 104 | +Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 20,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies. |
| 105 | + |
| 106 | +Today we provide 1,000+ controls and frameworks for web ([ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-web-forms-ui-controls), [JavaScript](https://www.syncfusion.com/javascript-ui-controls), [Angular](https://www.syncfusion.com/angular-ui-components), [React](https://www.syncfusion.com/react-ui-components), [Vue](https://www.syncfusion.com/vue-ui-components), and [Blazor](https://www.syncfusion.com/blazor-components), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls), [Flutter](https://www.syncfusion.com/flutter-widgets), [UWP](https://www.syncfusion.com/uwp-ui-controls), and [JavaScript](https://www.syncfusion.com/javascript-ui-controls)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls), [WPF](https://www.syncfusion.com/wpf-ui-controls), and [UWP](https://www.syncfusion.com/uwp-ui-controls)). We provide ready-to deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software. |
0 commit comments