{"id":24783502,"url":"https://github.com/j0rgeserran0/flutter-samples","last_synced_at":"2026-04-13T03:47:15.697Z","repository":{"id":45790877,"uuid":"514308546","full_name":"J0rgeSerran0/Flutter-Samples","owner":"J0rgeSerran0","description":"Quick Flutter resources and samples","archived":false,"fork":false,"pushed_at":"2024-01-05T07:43:19.000Z","size":12824,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-01-29T12:17:15.558Z","etag":null,"topics":["android","cross-platform","dart","dart-platform","demo","desktop","flutter","flutter-apps","ios","macos","poc","samples","tips","tricks","web","windows"],"latest_commit_sha":null,"homepage":"","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/J0rgeSerran0.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2022-07-15T14:57:33.000Z","updated_at":"2024-06-19T07:45:06.000Z","dependencies_parsed_at":"2023-12-22T09:54:47.179Z","dependency_job_id":null,"html_url":"https://github.com/J0rgeSerran0/Flutter-Samples","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/J0rgeSerran0%2FFlutter-Samples","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/J0rgeSerran0%2FFlutter-Samples/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/J0rgeSerran0%2FFlutter-Samples/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/J0rgeSerran0%2FFlutter-Samples/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/J0rgeSerran0","download_url":"https://codeload.github.com/J0rgeSerran0/Flutter-Samples/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245220991,"owners_count":20579870,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","cross-platform","dart","dart-platform","demo","desktop","flutter","flutter-apps","ios","macos","poc","samples","tips","tricks","web","windows"],"created_at":"2025-01-29T12:17:17.958Z","updated_at":"2026-04-13T03:47:10.674Z","avatar_url":"https://github.com/J0rgeSerran0.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Windows Quick Installation Guide\n\n## Reference\n- [`Get Started - Install`](https://docs.flutter.dev/get-started/install)\n\n## Installation Guide\n- [Install PowerShell](https://docs.microsoft.com/en-us/powershell/scripting/install/installing-windows-powershell)\n- [Install Visual Studio Code (optional)](https://code.visualstudio.com/)\n- [Install git](https://git-scm.com/download/win)\n- [Download Flutter and extract into a custom folder](https://flutter-ko.dev/development/tools/sdk/releases)\n\n- Update your path writting in the search bar **env**\n\n\u003e Go to the **Edit the system environment variables**\n\u003e \n\u003e Go to **Environment Variables**\n\u003e \n\u003e Edit the **Path** entry\n\u003e \n\u003e Append the full path to Flutter. For example: **C:\\dev\\flutter\\bin**\n\u003e \n\u003e Open a console Window to test Flutter, writting *where flutter dart*\n\n* [Install Android Studio](https://developer.android.com/studio)\n\n* Open Android Studio\n\n\u003e Select all the parts that you have to install (android-sdk-license with Android SDK, Android SDK Command-line Tools, and Android SDK Build-Tools, and others)\n\n* Run the command **flutter config --android-studio-dir=\"\u003cdirectory\u003e\"** where *\u003cdirectory\u003e* is the path where Android Studio is located. For example **flutter config --android-studio-dir=\"C:\\Program Files\\Android\\Android Studio\"**\n\n* Open Android Studio\n\n\u003e Open SDK Manager\n\u003e \n\u003e Select the tab SDK Tools\n\u003e \n\u003e Uncheck the option Hide Obsolete Packages, and select Android SDK Tools and Android SDK Command-line Tools\n\u003e \n\u003e Press the OK button to install these packages\n\n* Execute the command **flutter doctor --android-licenses** to check the licenses selecting the key **Y** to accept all pages\n\n* Run **flutter doctor** to check if all is installed correctly\n\n![image](https://github.com/J0rgeSerran0/Flutter-Samples/assets/6237500/937a5eb1-e1ee-4959-8884-2b567f973f89)\n\n\n# Start here!\n- [`Get Started - Install`](https://docs.flutter.dev/get-started/install)\n- [`git - Install`](https://git-scm.com/download/)\n\n---\n\nExecuted under [GitHub Gist](https://gist.github.com/)\n\n- [`General Samples`](#general_samples)\n- [`macOS Samples`](#macos_samples)\n- [`Tests Samples`](#tests_samples)\n\n\n## Android Studio\n- [Android Studio - Download](https://developer.android.com/studio)\n\n### Error - Android sdkmanager not found. Update to the latest Android SDK and ensure that the cmdline-tools are installed to resolve this\n\nTo solve this issue you need to install Android SDK Tools and Android SDK Command-line Tools on SDK Manager\n\n- Open **Android Studio**\n- Open **SDK Manager**\n- Select the tab **SDK Tools**\n- Uncheck the option *Hide Obsolete Packages*, and select **Android SDK Tools** and **Android SDK Command-line Tools**\n- Press the **OK** button to install these packages\n\nExecute the command `flutter doctor --android-licenses` to check if the error still occurs then check the **android_sdk_path\\Android\\SDK\\cmdline-tools**\n\nIf you find more than one *latest* folders, delete the last one and remane the other *latest* folder (like *latest-2* for example) to *latest*\n\nThe error should disappear now\n\n## Xcode\n- [Minimum requirements and supported SDKs](https://developer.apple.com/support/xcode/)\n- [Xcode Releases](https://xcodereleases.com/)\n\n## Troubleshooting CocoaPods\n- [Getting Started - CocoaPods](https://guides.cocoapods.org/using/getting-started.html#installation)\n- [Guide to resolve problems with CocoaPods](https://guides.cocoapods.org/using/troubleshooting#installing-cocoapods)\n\n## Update to macOS 11.x or upper\nOn you mac, open a terminal window and execute the next command to know what type of macOS you have\n\n`system_profiler SPHardwareDataType | grep 'Model Identifier'` \n- [OpenCore Legacy Patcher - Supported Models](https://dortania.github.io/OpenCore-Legacy-Patcher/MODELS.html)\n- [How to Install MacOS Monterey 12 on an Unsupported Mac, MacBook, iMac or Mac Mini in 2022](https://www.youtube.com/watch?v=McmO7xP4wvI)\n- [NEW 2022! Monterey on Unsupported Macs [2008-2015] OpenCore Legacy Patcher](https://www.youtube.com/watch?v=-huRykhjs6g)\n- [OpenCore Legacy Patcher](https://dortania.github.io/OpenCore-Legacy-Patcher/START.html)\n- [OpenCore Legacy Patcher - Releases](https://github.com/dortania/OpenCore-Legacy-Patcher/releases)\n- [How to fix Monterey problems](https://setapp.com/how-to/fix-macos-monterey-problems)\n\n| VERSION                    | NAME                         | DATE ANNOUNCED       |\n|----------------------------|------------------------------|----------------------|\n| RHAPSODY DEVELOPER RELEASE | Grail1Z4 / Titan1U (Interno) | January, 1997        |\n| MAC OS X SERVER 1.0        | Hera (Interno)               | Unknown              |\n| MAC OS X DEVELOPER PREVIEW | -                            | May, 1998            |\n| MAC OS X PUBLIC BETA       | Kodiak (Interno)             | May, 2000            |\n| MAC OS X 10.0              | Cheetah                      | January, 2001        |\n| MAC OS X 10.1              | Puma                         | July, 2001           |\n| MAC OS X 10.2              | Jaguar                       | May, 2002            |\n| MAC OS X 10.3              | Panther                      | June, 2003           |\n| MAC OS X 10.4              | Tiger                        | May, 2004            |\n| MAC OS X 10.5              | Leopard                      | June, 2006           |\n| MAC OS X 10.6              | Snow Leopard                 | June, 2008           |\n| MAC OS X 10.7              | Lion                         | October, 2010        |\n| OS X 10.8                  | Mountain Lion                | February, 2012       |\n| OS X 10.9                  | Mavericks                    | June, 2013           |\n| OS X 10.10                 | Yosemite                     | June, 2014           |\n| OS X 10.11                 | El Capitan                   | June, 2015           |\n| MACOS 10.12                | Sierra                       | June, 2016           |\n| MACOS 10.13                | High Sierra                  | June, 2017           |\n| MACOS 10.14                | Mojave                       | June, 2018           |\n| MACOS 10.15                | Catalina                     | June, 2019           |\n| MACOS 11                   | Big Sur                      | June, 2020           |\n| MACOS 12                   | Monterey                     | June, 2021           |\n| MACOS 13                   | Ventura                      | June, 2022           |\n| MACOS 14                   | Sonoma                       | June, 2023           |\n\n## Visual Studio Code\nI use [`Visual Studio Code`](https://code.visualstudio.com/) as editor code\n\nThe extensions I use are:\n- [`Awesome Flutter Snippets`](https://marketplace.visualstudio.com/items?itemName=Nash.awesome-flutter-snippets)\n- [`Dart`](https://marketplace.visualstudio.com/items?itemName=Dart-Code.dart-code)\n- [`Flutter`](https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter)\n- [`Material Icon Theme`](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)\n\n## Firebase\n1. [Install Firebase CLI](https://firebase.google.com/docs/cli#setup_update_cli) or using the automatic install script `curl -sL https://firebase.tools | bash`\n2. Log into Firebase `firebase login`\n3. Test that the CLI is properly installed `firebase projects:list`\n4. Optional - update the CLI version (macOS) `curl -sL https://firebase.tools | upgrade=true bash`\n\n- [Sign into Firebase](https://console.firebase.google.com/)\n- [Add Firebase to your Flutter app](https://firebase.google.com/docs/flutter/setup?platform=ios)\n\n\n## Sharing and Testing the Code\n- To test the samples online, I am using [DartPad](https://dartpad.dev). There is a [Sharing Guide](https://github.com/dart-lang/dart-pad/wiki/Sharing-Guide) with details about how to share your samples and code online for other people\n\n## Guides and Learning Paths\n- [A tour of the Dart language](https://dart.dev/guides/language/language-tour)\n\nThe Dart tool uses Google Analytics to report feature usage statistics and to send basic crash reports. This data is used to help improve the Dart platform and tools over time\n\nTo disable reporting of telemetry and analytics, run:\n\n```\ndart --disable-analytics\ndart --disable-telemetry\n```\n\nAnalytics reporting disabled. In order to enable it, run:\n\n```\ndart --enable-analytics\n```\n\n\n## Flutter Commands\nGeneral commands\n- **Get Flutter Help** `flutter --help --verbose`\n- **Check Flutter Health** `flutter doctor`\n- **Check the version of Flutter installed** `flutter --version`\n- **Upgrade Flutter** `flutter upgrade` (to upgrade Flutter with the last stable version)\n\n\u003e If you receive an error similar to *Unknown flutter tag. Abandoning upgrade to avoid destroying local changes. It is recommended to use git directly if not working on an official channel* when you execute the command `flutter upgrade`, you could try the command `flutter upgrade --force` instead. In this case and after do this, execute the command `flutter doctor` as well to check that all is ok\n\n---\nFlutter App commands\n- **Create a Flutter App** `flutter create \u003capp_name\u003e`\n- **Analyze a Flutter App** `flutter analyze`\n- **Run Unit Tests** `flutter test` or `flutter directory_test` or `flutter test \u003cfile_test.dart\u003e`\n- **Install a Flutter Package** `flutter pub add \u003cpackage_name\u003e`\n- **Get the Flutter packages for the project** `flutter packages get`\n- **Get the Flutter project with the packages found in pubspec.yaml** `flutter pub get`\n- **Update the Flutter packages** `flutter pub update`\n- **Run App** `flutter run`\n- **List available emulators** `flutter emulators`\n- **Install Flutter App on a Device** `flutter install -d \u003cdevice_id\u003e`\n- **Build a Flutter App** `flutter build \u003ctype_of_app\u003e` (for example: `flutter build ios` or `flutter build apk`)\n\n\n## Flutter Packages\n- [Flutter Packages Site](https://pub.dev/packages/)\n\n## Flutter Local Offline Databases\n- [**ObjectBox** (NoSQL)](https://pub.dev/packages/objectbox)\n- [Sembast (NoSQL)](https://pub.dev/packages/sembast)\n- [Drift (SQL relational)](https://pub.dev/packages/drift)\n- [Sqflite (SQL relational)](https://pub.dev/packages/sqflite)\n- [**Isar** (NoSQL)](https://pub.dev/packages/isar) and [Isar Database](https://isar.dev/es/)\n- [Hive (NoSQL) `discontinued`](https://pub.dev/packages/hive)\n\n## Flutter Online Databases\n- [**Firebase Core**](https://pub.dev/packages/firebase_core)\n- [**AWS Amplify** (Cloud based backend as a service)](https://docs.amplify.aws/)\n- [Realm (NoSQL mongodb based online backend as a service)](https://www.mongodb.com/docs/realm/sdk/flutter/)\n- [AppWrite (NoSQL online backend as a service)](https://pub.dev/packages/appwrite)\n- [Parse Server (SQL relational online backend as a service)](https://pub.dev/packages/parse_server_sdk_flutter)\n- [Supabase (Online backend as a service)](https://supabase.com/)\n- [Firebase (NoSQL) `discontinued and replaced by firebase_core`](https://pub.dev/packages/firebase)\n\n## Flutter Backend\n- [Dart Frog (SQL based backend framework)](https://dartfrog.vgv.dev/)\n- [Serverpod (SQL based backend framework)](https://serverpod.dev/)\n\n\n## Flutter App Architecture and Project Structure\n\n### **Main steps when we start a new Flutter App**\n\u003e The App Architecture will force us to define the layers and boundaries of the App\n\u003e The layers and boundaries will help us to define the folders and Project Structure\n\n1) Decide the App Architecture to use\n2) Choose the Project Structure\n\n### **Notes about the App Architecture**\nIn general is very important, and critical for complex apps or projects, decide the App Architecture before start a project, because it will help us to handle the bounders, complexity and productivity of it in the correct way\n\nPopular or familiar App Architectures used long ago (and today), are *MVC, MVP, MVVM* and *Clean Architecture*. To be honest, *MVC, MVP and MVVM* are *design patterns*, and *Clean Architecture* defines a set of rules and principles for complex solutions or projects, but **are not good Architectures to use them with Flutter**\n\nIn the other hand we have some alternatives:\n\n1) [*Bloc Architecture*](https://bloclibrary.dev/#/architecture) has an important popularity. [*Bloc Library*](https://bloclibrary.dev/#/) has helped to adopt this Architecture for Flutter Apps. This Architecture gives us a **strict set of rules** about how to structure our Flutter Apps. *Bloc Library* rely on [Provider Package](https://pub.dev/packages/provider), which is the [recommended package for state management](https://docs.flutter.dev/development/data-and-backend/state-mgmt/simple). More details about [`BLoC in Spanish`](BLoC.md)\n\n2) *Stacke Architecture* based in the [*Stacked package*](https://pub.dev/packages/stacked) and inspired by *MVVM*. *Stacked package* rely on [Provider Package](https://pub.dev/packages/provider), which is the [recommended package for state management](https://docs.flutter.dev/development/data-and-backend/state-mgmt/simple)\n\n3) [*Riverpod Package*](https://pub.dev/packages/riverpod), created by the [Provider Package's author](https://pub.dev/packages/provider) could help us to create our own Architecture. This package is a good package for *dependency injection* and *state management*\n\n4) Custom Architecture, depending of our experiences. Good to be more flexible and cover all possibilities, because sometimes, a type of Architecture could be a good idea for a project, but a bad one for other project, so open your mind about that is possible that not all projects should be use the same type of Architecture always\n\n### **Architecture Layers**\nTaking our App as an all, we could slice our App in four layers\n- Presentation Layer\n- Application Layer\n- Domain Layer\n- Data Layer\n\n![Flutter App Architecture](images/Flutter_App_Architecture_01.png)\n\nBut we could think in a less complex Architecture with three layers only\n- Presentation Layer\n- Application Layer\n- Data Layer\n\n![Flutter App Architecture](images/Flutter_App_Architecture_02.png)\n\n#### *UI Layer* and/or **Presentation Layer**\nThis layer would store the *Widgets*, *States*, *Controllers* and *Commands*, and should be focused in the *Presentation Logic*\n\n#### **Application Layer** or **Business Layer**, and **Domain Layer**\nThis layer would store the *Services*, *Mappings*, *Components*, *Caching*, *Instrumentation*, *Processors*, *Configuration* and *Models* or *Entities*, and should be focused in the *Business Rules (enterprise business rules and application business rules)*\n\n#### *Data Layer*\nThis layer would store the *Repositories*, *DTOs*, *Data Utilities* and *Data Providers*, and should be focused in the *Data Access* and how the data is returned to the caller\n\n---\n\nThe ideal scenario when we develop a new project, is organize our projects by a set of features (*functional requirement*, *user story*, or *oriented to domain*), and inside of each feature, their layers\n\nWhen we create, edit/modify, or delete a feature, we can focus in the feature as an independent feature\n\nAnd when we create our test coverage of each feature, we can focus in it to cover the unit tests with confidence\n\nLater, we can explore the integration and acceptance tests too in the same way\n\n![Flutter App Architecture](images/Flutter_App_Architecture_03.png)\n\n![Flutter App Architecture](images/Flutter_App_Architecture_04.png)\n\n### **References**\n- [Flutter App Architecture Riverpod Introduction](https://codewithandrea.com/articles/flutter-app-architecture-riverpod-introduction/)\n- [Flutter Project Structure](https://codewithandrea.com/articles/flutter-project-structure/)\n\n\n### **Flutter Language Specification Draft**\nThis is my own document about Flutter to help to the developer, to create their own Flutter samples. Is not a bible, just a helper document\n\n[You can find it here](Flutter_Language_Specification_Draft.md)\n\n\n### **Flutter Icons**\n[Flutter custom icons generator](https://www.fluttericon.com/)\n\n\n### **C# to Dart**\n[C# to Dart (quick reference)](CSharp_to_Dart_quick_reference.md)\n\n\n---\n\n# Flutter-Samples\nQuick Flutter resources and samples\n\n1. Create the flutter project `flutter create \u003cname\u003e`\n2. Overwrite the `lib` folder with the sample code\n3. *Optional* `flutter packages get` and `flutter run`\n\n## \u003ca name=\"general_samples\"\u003e\u003c/a\u003e[**General Samples**](src/README.md)\n![#A30204](https://via.placeholder.com/10x10/F28082/000000.png?text=+) All samples tested with [**Flutter 3**](Flutter_3.md)\n\n- `Add or Remove and element`\n- `Alert Dialog Box`\n- `Animated Builder`\n- `Animated Cross Fade`\n- `Animated Default Text Style`\n- `Bottom Navigation Bar`\n- `Button Full Width`\n- `Button Multiple Toggle Switch`\n- `Button Toggle Switch`\n- `Calculator`\n- `Circular Loading Indicator`\n- `Combo Box`\n- `Date Picker`\n- `Dialog Box with 2 buttons`\n- `Dialog Box with 3 buttons`\n- `Form Dialog Box`\n- `Future`\n- `Horizotal Toolbar`\n- `Http Get and Post`\n- `Icon Text`\n- `Linear Loading Indicator`\n- `ListTile with Rounded Borders`\n- `Load Base64 Image`\n- `Load JSON File`\n- `Load SVG Image`\n- `Login Page`\n- `Login Page With Release`\n- `Markdown Text`\n- `Opacity`\n- `Opacity with Linear Gradient`\n- `Play Sound File`\n- `Rating`\n- `Rounded Bottom Navigation Bar`\n- `Routes`\n- `Sqlite Sample`\n- `Switch Button`\n- `Switch Cover Button`\n- `Text Field Search Box`\n- `ToDo List`\n\n\n## \u003ca name=\"macos_samples\"\u003e\u003c/a\u003e[**macOS Samples**](src/README_macOS.md)\n![#A30204](https://via.placeholder.com/10x10/F28082/000000.png?text=+) All samples tested with [**Flutter 3**](Flutter_3.md)\n\n- `CheckBox with button`\n- `Tab with pages`\n- `ToolBar with button`\n- `ToolBar with text in the center`\n- `ToolBar with text only`\n\n\n## \u003ca name=\"tests_samples\"\u003e\u003c/a\u003e[**Tests Samples**](src/README_tests.md)\n![#A30204](https://via.placeholder.com/10x10/F28082/000000.png?text=+) All samples tested with [**Flutter 3**](Flutter_3.md)\n\n- `Counter Test`\n- `Custom Exception Test`\n- `Exception Test`\n- `Sum Test`\n\n\n---\n\n## Quick Templates\n\n### Template without AppBar\n\u003e This is a template of a Flutter app with a black screen. You can use it as a canvas of a blank app\n\n```dart\nimport 'package:flutter/material.dart';\n\nvoid main() {\n  runApp(const MyApp());\n}\n\nclass MyApp extends StatelessWidget {\n  const MyApp({Key? key}) : super(key: key);\n  @override\n  Widget build(BuildContext context) {\n    return const MaterialApp(\n      debugShowCheckedModeBanner: false,\n      home: MyPageApp(),\n    );\n  }\n}\n\nclass MyPageApp extends StatefulWidget {\n  const MyPageApp({Key? key}) : super(key: key);\n\n  @override\n  State\u003cMyPageApp\u003e createState() =\u003e MyPageAppState();\n}\n\nclass MyPageAppState extends State\u003cMyPageApp\u003e {\n  @override\n  Widget build(BuildContext context) {\n    return Scaffold(\n      body: Container(\n        color: Colors.white,\n        child: const Center(\n          child: Text(\n            'demo',\n            style: TextStyle(\n                color: Colors.pink, fontSize: 48, fontWeight: FontWeight.bold),\n          ),\n        ),\n      ),\n    );\n  }\n}\n```\n\n### Template with AppBar\n\u003e This is a template of a Flutter app with an App Bar. You can use it as a canvas of a blank app\n\n```dart\nimport 'package:flutter/material.dart';\n\nvoid main() {\n  runApp(const MyApp());\n}\n\nclass MyApp extends StatelessWidget {\n  const MyApp({Key? key}) : super(key: key);\n\n  @override\n  Widget build(BuildContext context) {\n    return MaterialApp(\n      title: 'Demo',\n      debugShowCheckedModeBanner: false,\n      theme: ThemeData(\n        primarySwatch: Colors.blue,\n      ),\n      home: const MyHomePage(title: 'Demo Home Page'),\n    );\n  }\n}\n\nclass MyHomePage extends StatefulWidget {\n  const MyHomePage({Key? key, required this.title}) : super(key: key);\n  final String title;\n  @override\n  State\u003cMyHomePage\u003e createState() =\u003e _MyHomePageState();\n}\n\nclass _MyHomePageState extends State\u003cMyHomePage\u003e {\n  @override\n  Widget build(BuildContext context) {\n    return Scaffold(\n      appBar: AppBar(\n        title: Text(widget.title),\n        backgroundColor: const Color.fromARGB(97, 60, 90, 200),\n        foregroundColor: Colors.white70,\n      ),\n      body: Center(\n        child: Column(\n          mainAxisAlignment: MainAxisAlignment.center,\n          children: const \u003cWidget\u003e[\n            Text(\n              'demo',\n              style: TextStyle(\n                  color: Colors.blue,\n                  fontSize: 48,\n                  fontWeight: FontWeight.bold),\n            ),\n          ],\n        ),\n      ),\n    );\n  }\n}\n```\n\n## Flet\n\u003cimg src=\"https://github.com/flet-dev/flet/raw/main/media/logo/flet-logo.svg\" width=\"230\" height=\"80\" /\u003e\n\n\u003e Framework that enables you to easily build real-time web, mobile, and desktop apps\n\n\u003e Flet is language-agnostic, so anyone on your team could develop Flet apps in their favorite language. At the moment, `Python` is supported, and Go, C# are coming next\n\n\u003e Write a monolith stateful app in Python only and get multi-user, real-time Single-Page Application (SPA)\n\n\u003e `Flet UI` is built with Flutter\n\n* Information about [Flet](https://github.com/flet-dev/flet)\n* [Flet Roadmap](https://flet.dev/roadmap/)\n* [Flet Tutorials](https://flet.dev/docs/tutorials/)\n* [Projects done with Flet](https://github.com/flet-dev/awesome-flet)\n\n#### Requirements\n* An editor or your favorite IDE like Microsoft Visual Studio Code (no SDKs, dependencies or complex tooling)\n* Install flet `pip install flet`\n\n#### Commands\n* `python -m venv venv` to create a virtual environment\n* `source ./venv/bin/activate` or `source ./venv/Scripts/activate` or `.\\venv\\Scripts\\activate` to activate the virtual environment\n* `python name.py` to run the program\n* `pip install flet` to install flet\n* `flet .\\name.py` to run the app quickly\n* `pip install flet --upgrade` to upgrate flet\n\n#### Samples to move from skeleton to functional\n**Basic Sekeleton**\n```python\nimport flet as ft\n\ndef main(page):\n    pass\n\nft.app(target=main)\n```\n\n**Hello World sample**\n```python\nimport flet as ft\n\ndef main(page: ft.Page):\n    page.add(ft.Text(value=\"Hello Flet!\"))\n\nft.app(target=main)\n```\n\n**Hello World sample (Async)**\n```python\nimport flet as ft\n\nasync def main(page: ft.Page):\n    await page.add_async(ft.Text(value=\"Hello Flet!\"))\n\nft.app(target=main)\n```\n\n**Main Window with standard properties**\n```python\nimport flet as ft\n\ndef main(page: ft.Page):\n    page.window_width = 360\n    page.window_height = 640\n    page.window_resizable = False\n    page.padding = 0\n\n    window_container = ft.Container(width=360, height=640, bgcolor=ft.colors.BLUE, alignment=ft.alignment.top_center)\n\n    await page.add_async(container)\n\nft.app(target=main)\n```\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fj0rgeserran0%2Fflutter-samples","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fj0rgeserran0%2Fflutter-samples","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fj0rgeserran0%2Fflutter-samples/lists"}