|
| 1 | +# flutter_examples |
1 | 2 |
|
2 | | -# Syncfusion Flutter Examples |
| 3 | +This project contains the Syncfusion Flutter UI widgets examples. |
3 | 4 |
|
4 | | -This repository contains the demos of Syncfusion Flutter UI 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 [sample browser application](https://play.google.com/store/apps/details?id=com.syncfusion.flutter.examples&hl=en) from Google Play Store, in which you can browse the demos for all the available widgets and view the source code of each example within the app itself. |
| 5 | +## Getting Started |
5 | 6 |
|
6 | | -<img src="https://cdn.syncfusion.com/content/images/flutter-widgets-collage.png"/> |
| 7 | +This project is a starting point for a Flutter application. |
7 | 8 |
|
| 9 | +A few resources to get you started if this is your first Flutter project: |
8 | 10 |
|
9 | | -## Table of contents |
10 | | -- [Requirements to run the demo](#requirements-to-run-the-demo) |
11 | | -- [Repository structure](#repository-structure) |
12 | | -- [Widgets catalog](#widgets-catalog) |
13 | | -- [How to run this project](#how-to-run-this-project) |
14 | | -- [Get the demo application](#get-the-demo-application) |
15 | | -- [Useful links](#useful-links) |
16 | | -- [Support and feedback](#support-and-feedback) |
17 | | -- [About Syncfusion](#about-syncfusion) |
| 11 | +- [Lab: Write your first Flutter app](https://flutter.dev/docs/get-started/codelab) |
| 12 | +- [Cookbook: Useful Flutter samples](https://flutter.dev/docs/cookbook) |
18 | 13 |
|
19 | | - |
20 | | -## <a name="requirements-to-run-the-demo"></a>Requirements to run the demo ## |
21 | | - |
22 | | -* [Flutter SDK](https://flutter.dev/docs/get-started/install) |
23 | | -* [Android studio](https://developer.android.com/studio/install) or [Visual studio code](https://code.visualstudio.com/download) |
24 | | -* Install Flutter extension in Android studio or in [VS code](https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter) |
25 | | - |
26 | | -## <a name="repository-structure"></a>Repository structure ## |
27 | | - |
28 | | -This repository contains sample browser project. Each widgets sample will be found inside the lib/samples folder. Run this project to see the demo samples of all the Flutter widgets in single application. |
29 | | - |
30 | | -## <a name="widgets-catalog"></a>Widgets catalog ## |
31 | | - |
32 | | -| Samples | Package | Description | |
33 | | -|---------|----------|-------------| |
34 | | -| <b>DATA VISUALIZATION</b> | |
35 | | -| [Cartesian Charts](https://github.com/syncfusion/flutter-examples/tree/master/lib/samples/chart/cartesian_charts) | [syncfusion_flutter_charts](https://pub.dev/packages/syncfusion_flutter_charts) | Plot over 30 chart types ranging from line charts to financial charts. | |
36 | | -| [Circular Charts](https://github.com/syncfusion/flutter-examples/tree/master/lib/samples/chart/circular_charts) | [syncfusion_flutter_charts](https://pub.dev/packages/syncfusion_flutter_charts) | Visualize the data using pie, doughnut, and radial bar charts. | |
37 | | -| [Pyramid Chart](https://github.com/syncfusion/flutter-examples/tree/master/lib/samples/chart/pyramid_charts) | [syncfusion_flutter_charts](https://pub.dev/packages/syncfusion_flutter_charts) | Visualize the organized data using pyramid chart. | |
38 | | -| [Funnel Chart](https://github.com/syncfusion/flutter-examples/tree/master/lib/samples/chart/funnel_charts) | [syncfusion_flutter_charts](https://pub.dev/packages/syncfusion_flutter_charts) | Visualize the sequential data using funnel chart. | |
39 | | -| [Radial Gauge](https://github.com/syncfusion/flutter-examples/tree/master/lib/samples/gauge) | [syncfusion_flutter_gauges](https://pub.dev/packages/syncfusion_flutter_gauges) | Visualize one or multiple measures on a circular scale with pointers and ranges. | |
40 | | -| [Barcodes](https://github.com/syncfusion/flutter-examples/tree/master/lib/samples/barcodes) | [syncfusion_flutter_barcodes](https://pub.dev/packages/syncfusion_flutter_barcodes) | Generate and display data in machine-readable 1D and 2D barcodes. | |
41 | | -| [Maps](https://github.com/syncfusion/flutter-examples/tree/master/lib/samples/maps) | [syncfusion_flutter_maps](https://pub.dev/packages/syncfusion_flutter_maps) | Easily visualize data over a geographical area. | |
42 | | -| [Circular ProgressBar](https://github.com/syncfusion/flutter-examples/tree/master/lib/samples/progress_bar) | [syncfusion_flutter_gauges](https://pub.dev/packages/syncfusion_flutter_gauges) | Designed using Radial Gauge widget. Indicates the progress of a task with customizable visuals. | |
43 | | -| <b>GRIDS</b> | |
44 | | -| [DataGrid](https://github.com/syncfusion/flutter-examples/tree/master/lib/samples/datagrid) | [syncfusion_flutter_datagrid](https://pub.dev/packages/syncfusion_flutter_datagrid) | Displays large amounts of data with different data types in a tabular view | |
45 | | -| <b>CALENDAR<b/> | |
46 | | -| [Event Calendar](https://github.com/syncfusion/flutter-examples/tree/master/lib/samples/calendar) | [syncfusion_flutter_calendar](https://pub.dev/packages/syncfusion_flutter_calendar) | Allows you to easily visualize and schedule appointments. | |
47 | | -| [Date Range Picker](https://github.com/syncfusion/flutter-examples/tree/master/lib/samples/date_picker) | [syncfusion_flutter_datepicker](https://pub.dev/packages/syncfusion_flutter_datepicker) | Allows to easily select dates or range of dates. | |
48 | | -| <b>VIEWER</b> | |
49 | | -| [PDF Viewer](https://github.com/syncfusion/flutter-examples/tree/master/lib/samples/pdf_viewer) | [syncfusion_flutter_pdfviewer](https://pub.dev/packages/syncfusion_flutter_pdfviewer) | View the PDF document seamlessly and efficiently | |
50 | | -| <b>FILE FORMATS</b> | |
51 | | -| [PDF](https://github.com/syncfusion/flutter-examples/tree/master/lib/samples/pdf) | [syncfusion_flutter_pdf](https://pub.dev/packages/syncfusion_flutter_pdf) | Create PDF document with text, images and tables. | |
52 | | -| [XlsIO](https://github.com/syncfusion/flutter-examples/tree/master/lib/samples/xlsio) | [syncfusion_flutter_xlsio](https://pub.dev/packages/syncfusion_flutter_xlsio) | Create Excel documents with text, numbers, cell formatting, formulas, charts, images, and more. | |
53 | | -| <b>SLIDERS</b> | |
54 | | -| [Slider](https://github.com/syncfusion/flutter-examples/tree/master/lib/samples/sliders/slider) | [syncfusion_flutter_sliders](https://pub.dev/packages/syncfusion_flutter_sliders) | Select a date or numeric value. | |
55 | | -| [Range Slider](https://github.com/syncfusion/flutter-examples/tree/master/lib/samples/sliders/range_slider) | [syncfusion_flutter_sliders](https://pub.dev/packages/syncfusion_flutter_sliders) | Select a date or numeric range. | |
56 | | -| [Range Selector](https://github.com/syncfusion/flutter-examples/tree/master/lib/samples/sliders/range_selector) | [syncfusion_flutter_sliders](https://pub.dev/packages/syncfusion_flutter_sliders) | Visualize data and select a date or numeric range. | |
57 | | -| <b>SIGNATURE PAD</b> | |
58 | | -| [Signature Pad](https://github.com/syncfusion/flutter-examples/tree/master/lib/samples/signature_pad) | [syncfusion_flutter_signaturepad](https://pub.dev/packages/syncfusion_flutter_signaturepad) | Captures the signature and save it as an image to sync across devices and documents. | |
59 | | - |
60 | | -## <a name="how-to-run-this-project"></a>How to run this project ## |
61 | | - |
62 | | -**Step 1** |
63 | | - |
64 | | -Download or clone the [flutter-examples](https://github.com/syncfusion/flutter-examples) repository into your machine. |
65 | | - |
66 | | -**Step 2** |
67 | | - |
68 | | -Run the following command to get the required packages. |
69 | | - |
70 | | -```dart |
71 | | -$ flutter pub get |
72 | | -``` |
73 | | - |
74 | | -**Step 3** |
75 | | - |
76 | | -Run your application either using `F5` or `Run > Start Debugging`. |
77 | | - |
78 | | -## <a name="get-the-demo-application"></a>Get the demo application ## |
79 | | - |
80 | | -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. |
81 | | - |
82 | | -<p align="center"> |
83 | | - <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> |
84 | | - <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> |
85 | | - </p> |
86 | | - <p align="center"> |
87 | | - <a href="https://flutter.syncfusion.com"><img src="https://cdn.syncfusion.com/content/images/FTControl/web_sample_browser.png"/></a> |
88 | | -</p> |
89 | | - |
90 | | -## <a name="useful-links"></a>Useful links ## |
91 | | -Take a look at the following to learn more about Syncfusion Flutter widgets: |
92 | | - |
93 | | -* [Syncfusion Flutter product page](https://www.syncfusion.com/flutter-widgets) |
94 | | -* [User guide documentation](https://help.syncfusion.com/flutter/introduction/overview) |
95 | | -* [API reference](https://help.syncfusion.com/flutter/introduction/api-reference) |
96 | | -* [Source](https://github.com/syncfusion/flutter-widgets) |
97 | | -* [Knowledge base](https://www.syncfusion.com/kb/flutter) |
98 | | -* [Video tutorials](https://www.syncfusion.com/tutorial-videos/flutter) |
99 | | - |
100 | | -## <a name="support-and-feedback"></a>Support and feedback ## |
101 | | - |
102 | | -* 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). |
103 | | -* 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. |
104 | | - |
105 | | -## <a name="about-syncfusion"></a>About Syncfusion |
106 | | - |
107 | | -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. |
108 | | - |
109 | | -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. |
| 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. |
0 commit comments