270 reads

142 Stories To Learn About Flutter

by Learn RepoApril 30th, 2023

Too Long; Didn't Read

Learn everything you need to know about Flutter via these 142 free HackerNoon stories.

People Mentioned

featured image - 142 Stories To Learn About Flutter

Let's learn about Flutter via these 142 free stories. They are ordered by most time reading created on HackerNoon. Visit the /Learn Repo to find the most read stories about any technology.

Google's open source UI development kit, used to develop cross platform applications.

1. Designing Your Level in Flame

Four parts tutorial on how to build a simple platformer game using the Flutter Flame engine.

2. A Brief Intro to FLET: Building Flutter Apps with Python

FLET enables developers to easily build real-time web, mobile, and desktop apps in Python.

3. 7 Steps to Build an Android & IOS App For Your WordPress Blog via Flutter

Let's build an Android and IOS app for your WordpPress blog in less than 1 hour.

4. Build an App that Prints from a Thermal Bluetooth Printer Using Flutter

How to easily write a way to thermal printers to connect with bluetooth devices by yourself with guides on what each step can accomplish and what to do.

5. How To Publish Flutter Apps to Firebase App Distribution

Learn how to distribute your Flutter Android and iOS apps to Firebase App Distribution with this step-by-step Flutter App guide for mobile app developers

6. A Workaround to Flutter Web SEO Issue

You like Flutter, but then you know that Flutter is not well optimized and has some problems with SEO. I've figured a workaround to this issue.

7. Flutter - State management with RxDart Streams

State management in Flutter using RxDart, a reactive functional programming paradigm that uses native Dart Streams and Stream Controllers.

8. Executing Heavy Tasks Without Blocking the Main Thread on Flutter

On Flutter everything runs on a single (main) isolate and executes only one operation at a time. This means while your app is doing strenuous work, you will lose the interaction and the UI will freeze. We can create new isolates and do the heavy work there, but every isolate can reach only its own memory, and if you have to use a large set of data it won't be very optimal because we have to copy the large data from one isolate to another, and it can still block the main isolate while doing that.

Every situation requires a different approach but in most cases we can solve them on the main isolate using an event queue optimally. Let me show you one of these approaches.

9. Fetching Data And Displaying It On Widget In Flutter

Fetching data from internet is one of the most common operations that every developers should master. In Flutter, this operation is pretty straightforward. In this post we will learn how to handle data from fetching to displaying it on our mobile apps.

10. How to Save and Read Data from Shared Preferences in Flutter

Shared preferences are used to store the small amount of data like some int, double, bool, or string value in the local memory. Let me take a simple use case of it for your better understanding.

11. How to Connect Flutter with Unity

One of their most successful products is FocusCalm, a brain-sensing headband and an app that helps users learn how to control their mindset in just a minutes

12. Top 6 Flutter Development Companies in 2019

Since Flutter early alpha was first announced at Google’s I/O in May 2017, it has gradually become one of the fastest cross-platform frameworks, gaining worldwide popularity and improving its stability in time (version 1.0 was released in December 2018).

13. React Native Vs. Flutter: A Comparison of Pros and Cons

Mobile apps market is projected to hit $188.9 billion in revenue by the year 2020. With rising popularity of mobile apps, it has become mandatory for businesses to have their own mobile apps. All kinds of businesses-- whether a startup or an enterprise-- want to develop advanced mobile apps quickly and at less cost.

14. A Performance Optimization of Flutter WebView

This article records a performance optimization of the WebView based Flutter data visualization library: echarts_flutter .

15. The Noonification: Teaching Your Character to Run in Flame (2/28/2023)

2/28/2023: Top 5 stories on the Hackernoon homepage!

16. How to Persist Data in a Flutter App

In this article, we will explore the different ways to persist data in a Flutter app, and the pros and cons of each method.

17. The Noonification: How to Add a HUD to Your Flame Game (3/20/2023)

3/20/2023: Top 5 stories on the Hackernoon homepage!

18. How To Run Multiple Flutter Versions on macOS

Sometimes we need to have multiple Flutter versions on the same machine for different projects. To do this, we should download multiple versions and add those paths to the bash_profile file and our IDE. I will use macOS and Visual Studio Code.

19. What Software Development Stack to Build on in 2022?

It’s impossible for teams to make the most out of their development effort without the right tools. Here is the best software development stack for 2022.

20. Explore Error Monitoring and Stability Management for Flutter Applications with Bugsnag

Explore Error Monitoring and Stability Management for Flutter Applications

21. How to Create a High-Performing QR Code Scanner in Flutter

In this article, I will take you on a journey through the process of creating a scanner that is not only functional but also visually stunning.

22. How to Connect Firebase to Flutter SDK on Cloud and Local Emulator

Find out how to connect Firebase to Flutter SDK on clouds and on a local emulators suite. Connect Firestorage, Firestore, and Functions with Flutter SDK.

23. Appium Testing for Flutter Apps

Learn how to automate Flutter apps with Appium for native mobile app testing.

24. How To Create Simple Gradient App Bar With Flutter

In this tutorial, you will learn how to make gradient app bar in flutter ? Before start anything, In every code we need a page for contain our whole source code. So let’s start…

25. 7 Best Hybrid Mobile App Development Frameworks for 2022

Here are 7 best hybrid mobile app development frameworks you should start using todayto make mobile app development easier, faster, and more efficient.

26. A Guide to Building Interactive Charts in Flutter

The Flutter charting library Graphic has a well-designed interaction system for various interactive charts.

27. The Top Five Frameworks For Developing Android Apps

Understanding Android development frameworks will help you pick the right one for your mobile app, letting you make better decisions on how to develop.

28. How to do API Caching with Dio and Hive in Flutter

With this short guide you can add caching to your flutter app that requests an API or a web server and receives information that is required to be stored.

29. Explaining Clean Architecture in Flutter [Part 2: Practice]

Part two of an explanation on creating Clean Architecture in Flutter with the development of a simple app that works with a NASA API for a demonstration.

30. How to Cut Down the Size of Android Apps During Development

ndroid App size is one of the biggest factors that can affect your app’s install and uninstall metrics.

31. Developing Cross-platform Mobile Applications with Xamarin

Xamarin is a cross-platform development tool that allows building truly cross-platform mobile apps with power-packed functionality and native user experience.

32. Using Collision Detection to Make Your Game Character Jump

Four parts tutorial on how to build a simple platformer game using the Flutter Flame engine.

33. What I Learned Developing Games from Scratch on Flutter

"Dart engineers exploring Stack Overflow 'Flutter gamedev' section", Photo by Elena Zhuravleva.

34. Creating Webview Application with Flutter

Source code of this article https://github.com/Shubham-Narkhede/flutter_webviews_app

35. Using Quickblox for Adding a Facebook-like React-to-Message Feature in Your Flutter App

In this article, we’ll learn how we can utilize the QuickBlox SDK to create a react-to-message feature in our Flutter chat applications.

36. Publishing Flutter Windows Apps to the Microsoft Partner Center

How to get your Flutter Windows Apps successfully published on the Microsoft Partner Center after they've been developed and are ready for distribution.

37. Flutter Flavoring 101

How to set up Flavors in Flutter and why you need them. A tutorial on Android & iOS app development.

38. Flutter Tutorial: How to Integrate APIs with a State Management Approach

Handling network requests and integrating APIs like in a Flutter app. Creating an E-commerce application in Flutter is a good way of learning those two aspects

39. An Introduction to Dart Code and Isolate

Any Dart code is executed in Isolate. Isolate is an isolated environment, inside which there is memory allocated to it and its EventLoop.

40. Should you use Flutter for mobile app development?

Flutter is the newest mobile app SDK from the house of Google, intended to make cross-platform app development easier than ever before. Since it’s preview release at the Google I/O 2018 and its stable release recently, Flutter development has generated a lot of hype among developers and businesses alike.

41. Access User Location with Permission Handler in Flutter

Use location and permission handler packages to access user location. With that location fetch different location information from google maps.

42. Fetching Places From Google Maps with Flutter

Find out how to fetch nearby places with different establishment types from Google Maps Places API in Flutter.

43. A Guide to Creating Fun User Polls and Surveys With QuickBlox in Your Flutter App

In this article, we’ll learn how we can utilize the QuickBlox SDK to create polls and surveys in your Flutter chat applications.

44. Who Would Win Between Flutter and React Native

This Flutter Vs. React Native comparison is going to be fun so stick with me till the end and you will have an answer to which one's worthy of your app idea.

45. A Quick Guide to Displaying Text on Images in Flutter

Text Widget allows you to display text in your Flutter application. sometimes users need to display dynamic text on a dynamic list of images as per the client’s

46. Kotlin VS Flutter: Which One Races Ahead

Those days have long passed when cross-platform mobile applications used to have a single avenue—React Native. Things have changed very fast as people looked for new ways to gain more and more users in the mobile app domain.

47. Flutter Vs. React Native: FAQs for Every Developer

Two technologies that help create mobile apps are earning a lot of traction- for all the good reasons- React Native and Flutter.

48. 3 Simple Reasons Why Coding Pixel Perfect Designs is So Painful

Pains of coding pixel perfect design. Solution to automatically convert Figma designs into Flutter widgets.

49. Creating and Releasing an App with Flutter: Part I

This is the first article in a series in which we will create an application from scratch and publish it on different platforms.

50. Why Flutter has Gutters 💪

I've had the opportunity to learn and experience what Flutter is capable of. I've read a lot of articles about it, as well as my hands dirty and I've built a few little Flutter apps. In this post, I would like to send you a taste into what Flutter is with a list of questions and answers, assuming that you have at least some of these questions on your mind, so I can address them.

51. Set up a Flutter app and Implement Google Sign-In Using Firebase

How to set up a Flutter app and implement Google sign-in using Firebase.

52. 7 Flutter Courses and Tutorials for Beginners for Mobile Apps Development in 2020

Hello guys, you might have heard about flutter framework from Google for mobile app development. It allows you to develop native mobile apps for both Android and iOS apps using a single source code.

53. Appwrite 0.6 is Live with Full Flutter Support

We are incredibly excited to announce the release of Appwrite 0.6. The new Appwrite version is our 10th release since we launched the project eight months ago, and it has some exciting new features.

54. How to Deploy Flutter Web App

As you know Flutter provides an outstanding possibility to have one single code base for all platforms, such as Android, iOS, Windows, Linux, Web, and more.

55. The Red Death of Flutter

Explanation of how Google's Flutter UI startup app was debugged and made to work again and connect with it's central Firebase Database through hours of work.

56. Flutter vs. React Native - What to Choose in 2021?

With many startups choosing Flutter for MVP development recently, React Native is facing tough competition from Flutter.

57. The Pros and Cons of Flutter For App Development

With the incredible rise of mobile application development over the last decade, iOS and Android have come ahead as the leading operating systems.

58. React Native vs.Flutter vs. Ionic Which is Challenging Platform for Your App

Smartphone apps have changed the way we used our phones previously. With the growing use of smartphone & its high-end processors, the app also has to perform well to make it worthwhile. You probably have noticed that most of the high performing apps with impressive designs and animations are downloaded the most. It means that if your app is not performing well or it serves lousy user experience, you will be out of the race. It does not just end up losing your valuable customers but also affects your business & its value.

59. Top 10 Flutter Benefits For Application Development

What is Flutter?

60. Flutter App Development Trends 2020

As the new decade dawns upon us, a slew of technologies has been making a lot of noise to grab the developers’ attention. While native app development is going strong, the trade winds are now blowing towards going cross-platform.

61. Flutter Guide to Building Apps and Deploying them to iOS (without Mac)

It's now possible to develop and distribute iOS apps without using macOS. Learn how to build ios apps on Linux.

62. Create Beautiful Native Apps in Record Time with Google Flutter

After the launch of Android P, Google released its new Software Development Kit (SDK) naming it Google Flutter. It is a revolutionary product from this search engine giant which is a more advanced version of Android SDK. It can also assist in making cross-platform apps.

63. Flutter Riverpod: Use StateNotifier for Configuration and Update UI

Using Riverpod for app's configuration settings and update the UI accordingly. Changing a value in the settings should not update UI not related to the value.

64. Top 25 Flutter Mobile App Templates in 2020

Flutter has been booming worldwide from the past few years. While there are many popular mobile app development technologies out there, Flutter has managed to leave its mark in the mobile application development world. In this article, we’ve curated the best Flutter app templates available on the market as of July 2020.

65. Top Five Frameworks For Hybrid App Development

Whenever the company decides to make a mobile application, the most important they are looking for efficient ways to implement the idea.

66. Ivan Huerta, Parabeac CEO, made every mistake in the book until he pivoted the business

Our startup is called Parabeac, and we make it easy for both designers & developers to make accurate and responsive designs.

67. Explaining Clean Architecture in Flutter Applications [Part 1: Theory]

Clean Architecture is a concept that can significantly improve Flutter's performance by separating its operations into three layers for improved efficiency.

68. Dart Vs Kotlin: The Detailed Comparison In 2021

The technology world is an ever-growing and expanding one, which today has many segments of its own. From that, app development is a highly evolving one. Dart Vs. Kotlin is the prime example of this.

69. What Are The Best Cross-Platform App Development Frameworks: 2020 Edition

Written by Yuriy Luchaninov, JavaScript Group Leader at MobiDev.

Microsoft replaced React Native with Electron for a new version of Skype on Windows 10. Meanwhile, the Shopify engineering team decided to build all-new mobile apps using React Native. While the Google team is releasing a new version of Dart DevTools for performance analysis and debugging of Flutter code, Microsoft is working on .NET MAUI - the next generation framework for building native cross-platform apps across mobile and desktop.

70. How to Write Fewer Lines of Code with the OpenAPI Generator

Hey! I'll start with the main thing - I'm a lazy person. I'm a very, very lazy developer. How can I get rid of the need to write at least part of the code?

71. 3 Best Beginner Flutter Courses to Start With

Recommended Flutter courses to take to start your journey of becoming a Flutter developer, based on my own experience by taking the courses myself.

72. Creating a custom Listview using the Firebase Realtime Database in Flutter

A couple of weeks ago I started learning flutter and set out to create a Cookbook. This article explains the procedure of creating a Listview for the main feed of the cookbook in detail. The data is not stored locally, but on my all-time favorite Realtime Database of Firebase.

73. How I learned Flutter and How you Can Too...

Photo by JESHOOTS.COM on Unsplash

74. Introducing InAppWebView Plugin For Flutter

What is flutter_inappwebview ? It’s a Flutter plugin that allows you to incorporate WebView widgets into your Flutter app, to use headless WebViews, or to use In-App browsers.

75. How I Built 7 Apps in 16 Hours

The Story

76. Teaching Your Character to Run in Flame

Four parts tutorial on how to build a simple platformer game using the Flutter Flame engine.

77. A/B Testing In Flutter With Statsig

Leverage Statsig to build Flutter apps FAST!

78. 7 Reasons to Choose Flutter for Mobile App Development in 2021

Dart is a robust language that provides easy coding, security options, and platform independence for a Flutter app (web and mobile-based, both).

79. 7 Mistakes To Avoid When Hiring An App Development Company

Choosing the right app development company is critical to your project's success. Here are 7 mistakes you should avoid while hiring a development partner.

80. How to Build a Flutter Web Application in 2022

In this post, we'll go over the benefits of Flutter web development for your business, as well as the steps involved in developing such apps.

81. Building an App to Send and Receive Messages Over a Local Network

The task is to build an app that can send and receive messages over a local network. We can do it using sockets, but today we are going to create a simple app that uses an HTTP server for communication.

82. The Comparison of Top 10 Automated Mobile Testing Tools

Mobile testing is the process of testing mobile applications for functionality, usability or performance through the use of tools or open-source frameworks.

83. How to Add a HUD to Your Flame Game

Four parts tutorial on how to build a simple platformer game using the Flutter Flame engine.

84. The Future of Mobile Applications Is Brighter With Machine Learning

This article will explore machine learning and its impact on mobile apps.

85. Using Flutter Flame to Create 2D Games Quickly and Easily

Wouldn't it be cool to build a game with Flutter Flame game engine? From this tutorial you’ll learn the basics of how to build a game with Flutter Flame.

86. Google I/O 2022: Key Announcements For Developers

Google I/O 2022, Google’s annual developer conference, has just wrapped up. And it was huge! Check out the overview of mayor announcements and news.

87. My Case for Why You Should Learn Flutter in 2021

You have multiple reasons why should learn Flutter and in this article I will go over some of them.

88. Building a ChatGPT Clone on Flutter With the OpenAI API

ChatGPT (Generative Pre-trained Transformer) is a chatbot launched by OpenAI in November 2022. Here we can see how we can build it with flutter application.

89. How to a Make Flutter Screen in 2 Minutes

I want to show you, how to generate a Flutter screen in a couple of minutes using Codis.

90. Develop Your Next eCommerce App With Xamarin.Forms

91. How I Debugged a Mobile Development Tutorial App

My experience with correcting code for a mobile app from a tutorial material.

92. Creating a Splash Screen and Launch Icon in Flutter

Create a splash screen as well as set a launch Icon with flutter in very simple and easy steps.

93. Basic Reasons To Use Flutter

Flutter is a free cross-platform tool from Google designed to create desktop, mobile and web applications.

94. Highlights Of Flutter 3.3 Released During Flutter Vikings Conference

In the name of God, this year’s third release of Flutter 3.3 is here.

95. Flutter VS React Native 2022: Which Is Better?

Flutter has been on the rise lately. It is gradually becoming one of the most used software development kits in the world.

96. How to Define a Flutter Theme?

Design Global themes for a flutter app. Define a set of colors, font families, font sizes, font styles, button styles, styles for input text field, and more.

97. The Hot-Topic Flutter 2.0 Insights: 10 Improved Features for Proficient Web Development

What's new in Flutter 2.0 for Web? Read insights and experts' opinions to find out the features that ensure better performance of cross-platform apps.

98. Flutter V React Native: A Complete Comparison

When it comes to cross-platform mobile application development, mainly two mobile development tech frameworks strike our mind. They are React Native and Flutter app development framework. As many top companies as well as businesses are opting for modern technology, they are more focused on mobile app technologies more now than ever. Due to this, the demand for mobile apps has increased to a large extent. There are more than 2.5 billion smartphone users worldwide, so it is inevitable that businesses and companies will shift their minds towards mobile application development.

99. Flutter vs. React Native: What App Developers Should Know About Cross-Platform Mobile Development

Bringing a spirit of novelty in the mobile development industry just recently, hybrid app development has become one of the most popular and fast-growing trends today. Now, it is considered as one of the most effective choices by many app developers and business owners.

100. How To Create a Communication Bridge Between Flutter And JavaScript

As a follow up to my article explaining how to create communication bridges in Android and iOS, I thought it might be a good idea to do the same for Flutter. While it may seem like this is a straightforward affair, you’ll soon realize it takes a bit of work to get this functionality working.

101. Introducing Flutter Audio

We’re big fans here at Evrone of Google’s Flutter SDK for building Android and iOS apps, but when we were building Medcorder, we ran into a problem: there wasn’t a way to record speech using the Google-provided APIs. The client who we were developing Medcorder for came up with the idea of the development of the audio recording plugin as an open source contribution. So, we built an audio recording plug-in for the project!

102. Google Releases Flutter 2 with Support for Different Platforms

Flutter 2 is opening endless possibilities for application development. Have a look at how Flutter directly benefits businesses.

103. Google Launches Flutter 2.0: Let's Dig Into Its Basics

This article will explore all the new widgets and added features of Flutter 2.0. You will get a more detailed understanding of the Flutter 2.0 releases.

104. How to Build a Cross-Platform App: A Guide that Covers the Main Aspects

Software applications market has got a thriving and competitive nature – and it’s no wonder. Mobile, desktop, web, embedded applications help businesses make their services more accessible for the users. Surely, every service provider strives for winning a larger audience of users and keeping the quality at a high-level at the same time. What can make it possible? This is cross-platform development.

105. Introducing Nanc: A Backend-Agnostic CMS Perfect for Flutter Apps

Nanc is a new kind of CMS for Flutter applications, but not only for them. It is a backend-agnostic CMS that doesn't pull its own backend.

106. Tips for Displaying Frontend Numbers in a Friendly Manner

How do you smoothly display numbers in frontend? In this article, we summarized some practical principles, introduced a tool library - Number Display, and analyzed it's source code.

107. A Flutter Data Visualization Library Based on a Grammar of Graphics

Data visualization is a common but important part of application development. A good visualization library always makes it easier to build data visualization charts. But unfortunately, there is not yet a perfect visualization library in the Flutter community. The current candidates all have some unsatisfactoriness, such as:

108. 7 Benefits of Using Flutter For Your Next Software Development Project

Flutter, an open-source reactive framework by Google has become the reason for the real “holy war” in the world of software development: some admire it, whereas

109. The Grammar of Graphics

This work displays the flexibility and diversity of the Grammar of Graphics, and also shows beginners the basic concepts of the Grammar of Graphics.

110. React Native vs Flutter 2020: A Detailed Comparison

111. How to Stream Real-time Changes With Firebase, Firestore and Flutter

Use streams to update real-time changes in firebase in a Flutter app.

112. Dart for Java Devs #1

Let's jump right in!

113. An Introduction to Flutter Features and Benefits

114. Why we Decided to Open Source our Company

I like getting things done quickly, not just for the sense of accomplishment, but because I know I can also move on to other projects and collaborations in the wings. Since I was a kid, however, I heard that speed was dangerous, that it inherently meant cutting corners. “Isn’t it good enough?” I’d ask my mom after a quick, hacked attempt at making my bed. “If you’re going to do something, do it well,” she said. I thought my bed was perfectly fine. She did not.

115. Web(& Electron) Apps Need To Improve Their User Experience

I’ve been using computers for over 2 decades now. My first PC was a 66 Mhz 486 machine with a 2.4 kbps modem and the web did not even have Google ( We had Altavista ). Since the internet was slow, I spent most of my time with Applications that could be installed on my local machine. Now I spend most of my time on web applications and somehow it feels like we have moved backward rather than moving forward.

116. Running Parallel Code in Flutter With Isolates

We’ll start with the bigger picture of Isolates and see what does it really mean and go deep down and piece all the parts together

117. Which of These Has a Faster Flutter Build Time: M1 Mini, Mac Pro, and Mac Mini

M1 machines are astonishingly fast! For iOS builds, we see ~50% faster build time with Mac Pros. Let's compare the M1 mini, Mac Pro, and Mac mini.

118. How to Implement a Dynamic Authentication Form in Flutter

Create a dynamic Input widget, one for both sign-in and registration, add some animation, and validate the user input in Flutter.

119. How To Create An Onboard Screen In Android and IOS with Flutter?

Create an onboard screen with smooth animations in Flutter for both Android and iOS. Use shared preference to onboard only once, saving you and your users time.

120. Cross-Platform App Development – Is Flutter a Worthy Choice?

Get answers to 'Is Flutter a Worthy Choice for your app development?' Read this detailed guide on Flutter for cross-platform mobile app development.

121. How to Design Screens & Widgets In Flutter

In this blog, we will create new card buttons, that'll be displayed in the grid view. Each button UI will take the user to a sub-page like Events, Temples, etc.

122. Firebase Authentication with Email and Password in Flutter

Make use of Firebase Cloud Functions and Firestore to Authenticate in Flutter. SingInWithEmailAndPassword, HTTP Callables and Trigger, and more.

123. Meet the Writer: Hacker Noon Contributor Mike Alfa is Excited About Neural Networks

An interview with Mike Alfa - a Software Tech Lead Engineer

124. An Open-Source Firebase Alternative - Introducing Appwrite 0.7

We’re excited to announce the release of Appwrite 0.7, our biggest ever release. The new Appwrite version includes over 100 updates

125. Introducing Reactive Echarts Flutter Widget For Your Application

Introducing the development work of a reactive Echarts Flutter Widget:

126. Dart: What Are Mixins and What Can I Use Them For?

From my time with Dart, one topic which I feel is a little tricky is mixins. For Java developers, it is a completely new concept to learn.

127. We Built An Open-Source Backend Server for Web & Mobile Developers: AppWrite v0.5 [Announcement]

Built-in, automated SSL, custom domains, new authentication features, dark mode, and more! After a lot of work and anticipation from our developers’ community, I am really excited to announce the release of version 0.5 of the Appwrite back-end server.