Skip to content

Latest commit

 

History

History
390 lines (287 loc) · 36.3 KB

File metadata and controls

390 lines (287 loc) · 36.3 KB

drawing

Let's learn about Flutter App Development via these 94 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.

Flutter app development utilizes Google's UI toolkit to build natively compiled, cross-platform applications from a single codebase. It matters for its ability to accelerate development across mobile, web, and desktop platforms efficiently.

Create Responsive Layouts in Flutter App + Live Demo

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.

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

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

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

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.

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

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

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

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.

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.

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.

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.

React Native quickly adopted iOS 26's Liquid Glass UI, but what does it mean for Flutter? Explore both frameworks’ philosophies and future.

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.

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.

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

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.

Cross-platform frameworks solved yesterday's problem. In the AI era, spec-first development with native code generation may be the smarter approach.

Security tips and guidelines for flutter app developers to protect their apps against malicious attacks and hackers

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

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.

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

The Story

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

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.

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

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

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

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

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.

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.

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

Learn how to simplify API testing for your Flutter app by accessing your Django backend from different devices.

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

Follow along as we build an example game, demonstrating the power and efficiency of Flutter and Flame for creating engaging and functional games quickly.

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

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.

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.

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.

Ensure your app supports 16KB page sizes before Google’s Nov 1, 2025 deadline. Step-by-step guide to migration, testing, and compliance.

Learn how to handcraft complex UI components from scratch, optimize rendering performance, ensure your app's look and feel stands out for the best experience

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

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

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

Do you have a brilliant app idea, but you're wondering how to reduce app development costs? Don't worry, Flutter can help you develop an app within your budget.

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:

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.

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

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.

An interview with the CEO of Berlin-based Startup solving local on-device data storage and decentralized data-flows out-of-the-box to empower Edge Computing.

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.

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

Google announces a significant update to Flutter to make building apps for Windows easier.

Explore Error Monitoring and Stability Management for Flutter Applications

In the current scenario, mobile app development is an essential part of an online business.

Know why AI coding assistants are not good enough for mobile app development and what can be done to improve them.

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.

Do you have a tight budget and are looking for cross-platform mobile app development? Then this article is for you. Read how Flutter can be the best choice to fulfill your requirements within budget. 😮

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.

Flutter vs React Native What to Choose for your UX in 2022. React Native is upvoted by 42% of developers and Flutter, by 39%