--- title: Best Flutter posts of 2022 | daily.dev description: The most upvoted Flutter posts of 2022, curated by the daily.dev community. canonical: https://daily.dev/tags/flutter/best-of/2022 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/flutter/best-of/2022 og:type: website og:site_name: daily.dev og:title: Best Flutter posts of 2022 | daily.dev og:description: The most upvoted Flutter posts of 2022, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Flutter — 2022 1. 1 [](/posts/is-flutter-better-than-react-native--aic74lmxo "Is Flutter better than React Native?") Article Community Picks · 4y Is Flutter better than React Native? Flutter and React Native are natural competitors as two of the most used multi-platform mobile app frameworks. The answer lies not in the technical aspects of React Native and Flutter at all. Hiring developers is famously difficult right now, but the pool of developers to draw from is far larger than Flutter's. 164 14 2. 2 [](/posts/announcing-flutter-for-windows-mkwdrpfpk "Announcing Flutter for Windows") Article Flutter · 5y Announcing Flutter for Windows Announcing Flutter for Windows Build high-quality Windows apps that also run on mobile and web. In 2021, Flutter became the most popular cross-platform UI toolkit. Nearly half a million apps use Flutter… So far, we’ve seen momentum that has exceeded our expectations. 140 5 3. 3 [](/posts/32-free-flutter-templates-for-great-mobile-apps-anrms3zz5 "32 free Flutter templates for great mobile apps") Article LogRocket · 4y 32 free Flutter templates for great mobile apps Flutter E-Book App is a simple yet intuitive application developed by Festus Olusegun to read and download books from the Feedbooks API. StarBook StarBook is a digital diary developed by Hashir Shoaib that can help users track their mood and productivity throughout the month. 84 1 4. 4 [](/posts/how-i-made-a-tictactoe-game-that-no-one-can-beat--ggp8nv2ls "How I Made a TicTacToe Game That No One Can Beat 🙅‍♂️") Article Hashnode · 4y How I Made a TicTacToe Game That No One Can Beat 🙅‍♂️ The MiniMax algorithm is a backtracking algorithm used in decision-making and game theory. It provides an optimal move for the player assuming that opponent is also playing optimally. The algorithm can be written in less than 30 lines of code. The frontend was created using Flutter, a cross-platform application development framework. 69 5 5. 5 [](/posts/learn-flutter-in-37-hours-wvxnkcixa "Learn Flutter in 37 Hours") Article freeCodeCamp · 5y Learn Flutter in 37 Hours We just published a 37-hour Flutter course for beginners on the freeCodeCamp.org YouTube channel. Flutter is an open-source UI software development kit used to create cross-platform applications for iOS, Android, Windows, Mac, and more. You don't even have to know how to write code in any programming language to begin. 63 2 6. 6 [](/posts/flutter-3-3-what-s-new-in-flutter-nc-d--b9y "Flutter 3.3 — What’s New In Flutter") Article FlutterDevs · 4y Flutter 3.3 — What’s New In Flutter Google has merged 5,687 pull requests in bringing live the Flutter 3.3 version of its cross platform mobile app development kit. Flutter now provides the easiness of selecting the whole data in the web apps with a single sliding gesture by wrapping your widgets with SelectableArea widget. Impeller is also available in having access to these deltas allows you to build an input field. 46 2 7. 7 [](/posts/flutter-vs-native-comparison-t3n4f6ytc "Flutter vs Native Comparison") Article Community Picks · 4y Flutter vs Native Comparison Flutter’s cross-platform framework has been on the rise in many industries, including retail, fintech, and e-commerce. Flutter allows to unify business logic and UI and use a single code base for two platforms. Kotlin is a popular, object-oriented language, and a lot of developers use it. The language is similar to Java. 40 1 8. 8 [](/posts/dhiwise-2-0---convert-figma-designs-into-flutter-3-0-react-code-rapidly-flndueprz "DhiWise 2.0 - Convert Figma designs into Flutter 3.0 & React code rapidly") Article Product Hunt · 4y DhiWise 2.0 - Convert Figma designs into Flutter 3.0 & React code rapidly Convert Figma designs into Flutter 3.0 & React code rapidly DhiWise. It generates component-driven code with state management. 40 5 9. 9 [](/posts/100-flutter-dart-tips-ovbbneecd "100+ Flutter & Dart Tips") Article Flutter Community · 5y 100+ Flutter & Dart Tips Artur Shamsutdinov lists down 100+ Flutter and Dart tips and tricks. If you are new to this Flutter/Dart world, some of these might help you. Use themes to define a set of colors, fonts, shapes, and design styles throughout your app. 37 10. 10 [](/posts/react-flutter-native-uj0r6817k "React + Flutter = Native") Article ITNEXT · 4y React + Flutter = Native React + Flutter = Native is not at all a theorem. The app and source codes accompanying this article are what I call Kludget Work : Klumsy, Lame, Ugly, Dumb, but Good Enough To Work. The ultimate code editor has to be truly cross platform. We want something portable, lightweight and lightning-fast. 35 3 11. 11 [](/posts/10-best-practices-for-flutter-developers-uc-o6vqxb "10 Best Practices for Flutter Developers") Article agoda · 4y 10 Best Practices for Flutter Developers Flutter is the most popular and fast-growing cross-platform mobile application development framework used by developers worldwide. It allows developers to build natively compiled mobile, web, and desktop applications from a single codebase. Flutter has a fast rendering engine optimized for high performance allowing Flutter apps to run smoothly and efficiently on various devices. 34 12. 12 [](/posts/how-i-built-and-published-a-flutter-app-in-48-hours-si-2gdv4u "How I built and published a Flutter app in 48 hours") Article Community Picks · 4y How I built and published a Flutter app in 48 hours A couple of years ago, I built and published a Flutter app in 48 hours. It's a time tracking app which lets you track your time across different activities, and set daily/weekly/monthly goals per activity. For state management, I used "vanilla" Flutter; a combination of FutureBuilders, StreamBuilders and ValueListenableBuilders. 33 2 13. 13 [](/posts/tauri-the-next-generation-of-desktop-application-development-framework-8w6udbzgt "Tauri: the next generation of desktop application development framework") Article Medium · 4y Tauri: the next generation of desktop application development framework Tauri is a popular (GitHub 50k star) cross-platform desktop application development framework. Electron Electron is an open source framework developed by GitHub and originally used to develop the Atom editor. The development cost is high - there are restrictions on the technology stack used (C# for Windows, ObjC/Swift for macOS) Advantages: Large package size, need to package Chromium and NodeJS runs on JIT. 26 14. 14 [](/posts/why-you-should-use-flutter-for-your-projects-r4au5-mwe "Why You Should Use Flutter for Your Projects") Article freeCodeCamp · 4y Why You Should Use Flutter for Your Projects Flutter is a toolkit and SDK which you can use to build applications. You can use it to build highly performant mobile and desktop apps. Flutter is cross-platform so you don't need to hire developers for each platform. The Flutter engine is in charge of interpreting Flutter code to exactly what is drawn on the device's screen. 26 6 15. 15 [](/posts/build-a-secure-mobile-banking-app-with-flutter-8ilyfgd04 "Build a secure mobile banking app with Flutter") Article LogRocket · 4y Build a secure mobile banking app with Flutter We will learn about the essential aspects of building secure mobile banking apps with Flutter and look at sample codes on how to achieve them using the Flutter framework. Using Flutter Secure Sockets Layer, was the first definition of how messages can be secured in network communication. 25 16. 16 [](/posts/create-2d-games-quickly-and-easily-with-flutter-flame--h5iuz5fi "Create 2D games quickly and easily with Flutter Flame") Article Flutter Community · 4y Create 2D games quickly and easily with Flutter Flame A sprite sheet is a collection of sprites arranged in rows and columns. It is quick to load compared with individual sprites. The Flame engine can load and render only a section. The sprite sheet contains different player frames. The sprites can be added to the assets of the dino player. The sprites for the idle state, right movement and right movement, and the direction the player is facing. The sprite sheet is the most powerful in the game. For more information, please visit the Flutter team to see how the game is being used in this tutorial. 24 17. 17 [](/posts/a-brief-introduction-to-dart-sspwcf4-b "A brief introduction to Dart") Article DEV · 4y A brief introduction to Dart Dart is a programming language designed for client development, such as for web and mobile apps. First stable version of Dart wasn't 1.0.0, it was 0.8.10-rev3.29803\. Dart can compile at both Run time(JIT) and Ahead of Time (AOT) 24 5 18. 18 [](/posts/6-tips-for-your-next-flutter-project-30gpim-wa "6 Tips for Your Next Flutter Project") Article Better Programming · 4y 6 Tips for Your Next Flutter Project Flutter is an open-source software development kit created by Google. Most of the Flutter updates include improved platform compatibilities which contribute to its growth. If you’re new to Flutter, follow the instructions in this link to complete installation and to get started with Flutter. 23 19. 19 [](/posts/flutter-custom-error-message-flash-message-xref01fad "Flutter Custom Error Message — Flash Message") Article ITNEXT · 4y Flutter Custom Error Message — Flash Message On Flutter, it is called a snack bar. Pretty handy to show error, success or any warning message to the user. To make it reusable, let’s extract snack bar content. I’m going to call it CustomSnackBarContent . Create a required parameter for error text, then pass it to CustomSnakBarContent. 23 1 20. 20 [](/posts/building-a-chrome-extension-using-flutter-y0a4aav9x "Building a Chrome Extension using Flutter") Article Flutter Community · 4y Building a Chrome Extension using Flutter Flutter is a cross-platform framework introduced by Google that is capable of running on Android, iOS, Web, macOS, Linux, Windows, and a few more kinds of devices. In this article, we will explore a unique way to run a Flutter app as a chrome extension. 23 21. 21 [](/posts/building-design-systems-in-flutter-dlqej9i0i "Building Design Systems in Flutter") Article Better Programming · 4y Building Design Systems in Flutter The real value in a well-constructed and implemented design system is imposing these rules on designers and developers alike. Design system implementations often live independently of the app/s they support. Make use of Flutter’s extensive catalog of Material Design and Cupertino widgets and style them to match your system's specifications. 22 22. 22 [](/posts/flutter-sidekick---tools-that-enhance-flutter-s-development-experience-kli1igkec "Flutter Sidekick - Tools that enhance Flutter's development experience") Article Product Hunt · 4y Flutter Sidekick - Tools that enhance Flutter's development experience 22 23. 23 [](/posts/flutter-offline-first-offline-is-my-default-state-a--mbssycu9y "Flutter — Offline First. Offline is my default state, a…") Article gitconnected · 4y Flutter — Offline First. Offline is my default state, a… New feature monitors the client device connection and updates a ‘Connection’ state with two values ‘Online’ & ‘ offline’ In the next post, I will use the new connectivity detection, to point data requests at a local DB when offline, and to sync them when the online API is available. 21 24. 24 [](/posts/setting-up-ci-cd-using-github-actions-gzwktcun8 "Setting Up CI/CD Using GitHub Actions") Article Analytics Vidhya · 4y Setting Up CI/CD Using GitHub Actions Setting Up CI/CD using GitHub Actions makes it easy to automate all your software workflows now with the help of GitHub Actions. It uses YAML syntax to define the events, jobs, and steps. These files are stored in GitHub workflows, and a series of commands are automatically triggered whenever a code is pushed. 20 25. 25 [](/posts/flutter-2-10-what-s-new-in-flutter-fjyaeuovz "Flutter 2.10 — What’s New In Flutter") Article FlutterDevs · 4y Flutter 2.10 — What’s New In Flutter Google has been developing Flutter to build cross-platform software for developers for the past decagon. 85% of developers must know how to hold Flutter, and now they are looking for the next updates. Flutter 2.10 is Flutter’s stable version. This version brings big updates to Flutter support for windows. 19 [See all Flutter archives](/tags/flutter/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/flutter/best-of/2022#page","url":"https://daily.dev/tags/flutter/best-of/2022","name":"Best Flutter Posts of 2022","description":"The most upvoted Flutter posts of 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/flutter/best-of/2022#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/is-flutter-better-than-react-native--aic74lmxo","name":"Is Flutter better than React Native?"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/announcing-flutter-for-windows-mkwdrpfpk","name":"Announcing Flutter for Windows"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/32-free-flutter-templates-for-great-mobile-apps-anrms3zz5","name":"32 free Flutter templates for great mobile apps"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/how-i-made-a-tictactoe-game-that-no-one-can-beat--ggp8nv2ls","name":"How I Made a TicTacToe Game That No One Can Beat 🙅‍♂️"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/learn-flutter-in-37-hours-wvxnkcixa","name":"Learn Flutter in 37 Hours"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/flutter-3-3-what-s-new-in-flutter-nc-d--b9y","name":"Flutter 3.3 — What’s New In Flutter"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/flutter-vs-native-comparison-t3n4f6ytc","name":"Flutter vs Native Comparison"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/dhiwise-2-0---convert-figma-designs-into-flutter-3-0-react-code-rapidly-flndueprz","name":"DhiWise 2.0 - Convert Figma designs into Flutter 3.0 & React code rapidly"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/100-flutter-dart-tips-ovbbneecd","name":"100+ Flutter & Dart Tips"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/react-flutter-native-uj0r6817k","name":"React + Flutter = Native"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/10-best-practices-for-flutter-developers-uc-o6vqxb","name":"10 Best Practices for Flutter Developers"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/how-i-built-and-published-a-flutter-app-in-48-hours-si-2gdv4u","name":"How I built and published a Flutter app in 48 hours"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/tauri-the-next-generation-of-desktop-application-development-framework-8w6udbzgt","name":"Tauri: the next generation of desktop application development framework"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/why-you-should-use-flutter-for-your-projects-r4au5-mwe","name":"Why You Should Use Flutter for Your Projects"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/build-a-secure-mobile-banking-app-with-flutter-8ilyfgd04","name":"Build a secure mobile banking app with Flutter"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/create-2d-games-quickly-and-easily-with-flutter-flame--h5iuz5fi","name":"Create 2D games quickly and easily with Flutter Flame"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/a-brief-introduction-to-dart-sspwcf4-b","name":"A brief introduction to Dart"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/6-tips-for-your-next-flutter-project-30gpim-wa","name":"6 Tips for Your Next Flutter Project"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/flutter-custom-error-message-flash-message-xref01fad","name":"Flutter Custom Error Message — Flash Message"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/building-a-chrome-extension-using-flutter-y0a4aav9x","name":"Building a Chrome Extension using Flutter"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/building-design-systems-in-flutter-dlqej9i0i","name":"Building Design Systems in Flutter"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/flutter-sidekick---tools-that-enhance-flutter-s-development-experience-kli1igkec","name":"Flutter Sidekick - Tools that enhance Flutter's development experience"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/flutter-offline-first-offline-is-my-default-state-a--mbssycu9y","name":"Flutter — Offline First. Offline is my default state, a…"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/setting-up-ci-cd-using-github-actions-gzwktcun8","name":"Setting Up CI/CD Using GitHub Actions"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/flutter-2-10-what-s-new-in-flutter-fjyaeuovz","name":"Flutter 2.10 — What’s New In Flutter"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Flutter","item":"https://daily.dev/tags/flutter"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/flutter/best-of"},{"@type":"ListItem","position":5,"name":"2022"}]}]} ```