Skip to content

Latest commit

 

History

History
781 lines (580 loc) · 73.1 KB

File metadata and controls

781 lines (580 loc) · 73.1 KB

drawing

Let's learn about Flutter via these 192 free blog posts. They are ordered by HackerNoon reader engagement data. Visit the /Learn or LearnRepo.com to find the most read blog posts about any technology.

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

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.

Cross platform app development frameworks allow you to run the same code on different operating systems. In this article, we examine why you might choose developing cross platform mobile apps over native development, technologies for cross-platform development, and how these technologies compare to each other.

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.

Create Responsive Layouts in Flutter App + Live Demo

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

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…

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.

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.

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

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.

In the Flutter ecosystem, you have several state management options to structure and scale your applications.

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.

This article provides a comprehensive guide on implementing efficient CRUD operations in Flutter using clean architecture principles and the Dio package

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).

Add Google Sign-In to you Flutter web app and authenticate users in a single click

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.

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

Inspired by Google’s Applied CS with Android, this adaptation for Flutter provides an interactive way to understand Arrays, HashSets, and HashMaps.

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

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

In this article, we will be building a Travel Mobile App using 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.

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

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

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

An experienced developer helps weigh the pros and cons of learning React Native and Flutter.

How to achieve the negative margins effect that can be seen in CSS in flutter.

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.

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.

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

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

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.

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

iscover how to turbocharge your Flutter app's performance with AsyncNotifierProvider and NotifierProvider from Riverpod.

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?

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.

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.

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.

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.

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

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.

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.

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

Find out how to create dynamic custom widgets like App Bar, Bottom Nav Bar, and the Alert Dialog box that works as a Drawer.

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.

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.

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. 

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

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.

In computer science, a dependency occurs when one component (class, module, etc.) relies on the functionality of another component to operate correctly.

Photo by JESHOOTS.COM on Unsplash

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

Let's go to the Dart side of Flutter and analyze how it works under the hood.

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

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.

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

This article is the second in a series on creating applications with 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.

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

Nui is a new and promising Server Driven UI engine for Flutter applications.

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.

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.

What is Flutter?

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

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.

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.

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

OLID principles provide a time-tested blueprint for achieving this in object-oriented programming languages like Dart. Let’s explore the principles

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

Optimize your Flutter app's performance with essential hacks and best practices. Create stunning cross-platform experiences!

In this article, we will be building a currency converter application in Flutter.

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

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

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.

Learn how to add iOS app extensions in your app and use Flutter to build its UI instead of Swift or SwiftUI.

Harnessing Concurrent Execution with “Future.wait()” in Dart

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

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

Create a dynamic Input widget, one for both sign-in and registration, add some animation, and validate the user input 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.

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

Effortlessly deploy your Flutter web app on Google Cloud Run using Docker and GitHub Actions. Streamline collaboration and accelerate deployment with this guide

The Story

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

Analysis of the potential impacts of flutter framework in the cross platform game development industry.

Both frameworks have their strengths, and the best choice will depend on the particular requirements of your project and the expertise of your development team.

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

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.

In this article, you will learn how to create simple stunning Rive animations with ease and manage them in your Flutter app.

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

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

In this article, we're going to look at all the different ways to lay out and navigate between different features in your Flutter apps.

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.

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.

Master Flutter widget testing with this guide! Learn to write independent, readable, and fast tests for your UI components.

We talked with Tim Sneath, Google's product manager for Flutter and Dart, about how both the language and the framework have evolved over the last two years, how they're being used today, and where they're headed.

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!

How to make flutter native app in velo by wix

My email had the solution all this time! Upon checking my email after days of stagnation on this issue, I found a notification email from Firebase.

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

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

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

Experimental feature, which remain working after 4 years from the announcement. Useful for app development on Android devices with custom launchers

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.

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.

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

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

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

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.

This article describes how to build referral system for flutter web app.

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.

What we’re building

Leverage Statsig to build Flutter apps FAST!

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.

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.

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.

In this article, we will be building a random quote generator in Flutter.

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

The tutorial is a complete guide for beginners on flutter app development from installation and setup to state-management and firebase as backend services.

Announcing Appwrite 0.8 with JWT authentication, ARM support, Anonymous Login, new storage capabilities and many more new features.

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.

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

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.

Introducing the development work of a reactive Echarts Flutter Widget:

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.

Learn what dependency and dependency injection is and common dependency injection methods

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.

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

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

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.

“Please, I’ve already heard all the marketing stuff from other agencies. Could you tell me how exactly Flutter can ensure the stability and high performance of my app?” – said the client at the very beginning of our first meeting.

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

In this article, we will be creating a staggered animation that animates the children in a column widget when that page is swiped.

The Document Scanner is a new feature in the Google MLKit Flutter package. It allows users to convert physical documents into digital formats.

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. 

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

In this article, we will be Building Threads UI Using Flutter.

Improve user experience with feedback from Snack Bars, Progress Indicator, and Alert Dialog Boxes In Flutter.

Learn everything you need to know about Firebase via these 64 free HackerNoon stories.

The aim of this article is to provide the readers with the full information on the two frameworks for mobile app development - React Native and Flutter

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.

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

What is Flutter?  What are its pros and cons?  Why is it worth learning about and using?  How does it work?  How does it compare to its competition (like Xamari

An interview with Mike Alfa - a Software Tech Lead Engineer

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

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

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

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

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:

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

3/9/2025: Top 5 stories on the HackerNoon homepage!

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

Explore 10 essential tips for building a successful MVP with Flutter: from understanding project requirements to leveraging unique features.

Mastering algorithms through flutter development and data visualization.

Integrate Server Driven UI or SDUI in you flutter projects to make your flutter app UI dynamic

New in React 18, New features in react 18

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.

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

Cut Flutter iOS build time using a precompiled Firestore SDK. Simple Podfile tweak, massive speed boost.

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.

Flutter takes over the market, React Native abandons the Bridge concept, MAUI replaces Xamarin. Learn more about the top cross-platform app development trends.

Animations are a reliable way of enhancing your app's UX. Let's learn how to build the YouTube subscribe button animation using Flutter.

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

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.

Avoid 10 common Flutter mistakes that slow apps down. Learn fixes for performance, scaling, and clean code in your next Flutter project.

Explore Error Monitoring and Stability Management for Flutter Applications

Let's jump right in!

Most merchants choose to design their mobile apps for both platforms. But herein comes the challenge.

In this tutorial, you will learn how to create your own app with Flutter, which can help you calculate tips.

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

Stitch is an AI-powered design tool that creates user interfaces from text prompts or sketches.

Mobile development article. Talks about app emulators in android studio which were made by Google. Article goes on to discuss solutions with the help of Flutter

In the ever-evolving landscape of mobile app development, the ability to process and analyse images in real time has become increasingly important.

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

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

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

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

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.

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

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.

Learn how to build pagination in Flutter with Generics that work for any kind of list.

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.

In this article, you will learn the key benefits of CI/CD, the major CI/ CD options available for Flutter teams, and their pros and cons.

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

Data Structures and Null Safety in Dart — Part 4,Exploring Data Structures and Null Safety — Lists, Maps, Maps and Null Safety in Dart

3/4/2025: Top 5 stories on the HackerNoon homepage!

6/4/2024: Top 5 stories on the HackerNoon homepage!

6/13/2024: Top 5 stories on the HackerNoon homepage!

Learn Flutter Streams with a practical collage app example using RxDart, stream operators, listeners, and async UI updates.