๐ Learn from the written tutorial: https://resocoder.com/patrol-basics-tutorial ๐งช Patrol docs: https://patrol.leancode.co Patrol is a powerful, open-source testing framework created by LeanCode that enhances Flutter's testing capabilities by enabling interaction with native...
๐ Learn from the written tutorial:
https://resocoder.com/patrol-basics-tutorial
๐งช Patrol docs:
https://patrol.leancode.co
Patrol is a powerful, open-source testing framework created by LeanCode that enhances Flutter's testing capabilities by enabling interaction with native platform features directly in Dart. It allows to handle permission dialogs, notifications, WebViews, and device settingsโfeatures previously unavailable in standard Flutter tests, making it truly possible to test the whole app.
This tutorial will take you through writing your first substantial Patrol test, interacting both with the Flutter app itself and also with native permission dialogs and notifications.
00:00 Introduction
01:42 Tutorial App Walkthrough
04:07 "Happy Path" Testing
05:55 Patrol Test Skeleton
08:05 Hot Restart for Tests
10:34 Pumping the Main App Widget
12:54 Interacting with Widgets
18:16 Types of Patrol Finders
21:12 Production-Grade Key Finders Approach
25:51 Accepting Native Permissions
31:25 Navigating to Native OS Home Screen
33:11 Interacting with Native Notifications
38:46 Running Patrol Tests on iOS
๐ Learn from the written tutorial ๐๐ https://resocoder.com/practical-fp-dart ๐ง Get Flutter news ๐ฐ and resources: ๐ http://flutter.education While Dart is at its core an object-oriented programming language, that doesnโt mean that youโre stuck only with that paradigm. In fact,...
๐ Learn from the written tutorial ๐๐
https://resocoder.com/practical-fp-dart
๐ง Get Flutter news ๐ฐ and resources:
๐ http://flutter.education
While Dart is at its core an object-oriented programming language, that doesnโt mean that youโre stuck only with that paradigm. In fact, Dart is something called a multi-paradigm language! Functional programming (FP) makes your code easier to test and reuse and also makes it less error-prone.
With Dart, itโs easy to start introducing practical functional concepts into your code in a reasonable amount. This way, you reap the benefits of FP while not confusing others (and yourself) with how your Dart code is written.
00:00 Imperative vs Functional
14:12 OOP Class Hierarchies
17:05 FP Algebraic Data Types
23:35 Error Handling with Try-Catch
27:27 Error Handling with Either
๐ Learn from the written tutorial ๐๐ https://resocoder.com/riverpod-2-tutorial ๐จ ๐งโ๐ป Become a top-tier developer with the Flutter Developer Bootcamp: https://resocoder.com/fdb ๐ง Get Flutter news and resources: ๐ http://flutter.education If youโve been at least a bit active...
๐ Learn from the written tutorial ๐๐
https://resocoder.com/riverpod-2-tutorial
๐จ ๐งโ๐ป Become a top-tier developer with the Flutter Developer Bootcamp:
https://resocoder.com/fdb
๐ง Get Flutter news and resources:
๐ http://flutter.education
If youโve been at least a bit active when it comes to Flutter packages in the last year or so, youโve surely heard about Riverpod, a reactive caching and data-binding, or as some would say, state management package that is sort of an upgrade of the beloved Provider. I actually covered it with a tutorial quite some time ago when its API was still unstable.
Riverpod has come a long way since then - itโs much more mature, helpful, and versatile. All these changes naturally mean that itโs time for a new tutorial to prepare you to fully utilize the power of Riverpod 2.0 and, most likely, also its upcoming versions.
Go to my website for more information, code examples, and articles:
โ https://resocoder.com
Follow me on social media:
โ https://twitter.com/resocoder
โ https://instagram.com/resocoder
โ https://www.facebook.com/resocoder
๐ Get the code snippets & project repo๐๐ https://resocoder.com/flutter-testing-pt2 ๐ง Get Flutter news ๐ฐ and resources: ๐ http://flutter.education ๐จโ๐ป Do you write good code? Find out now! https://resocoder.com/good-code-quiz In the first part of this short tutorial series,...
๐ Get the code snippets & project repo๐๐
https://resocoder.com/flutter-testing-pt2
๐ง Get Flutter news ๐ฐ and resources:
๐ http://flutter.education
๐จโ๐ป Do you write good code? Find out now!
https://resocoder.com/good-code-quiz
In the first part of this short tutorial series, youโve learned everything regarding the basics and principles of testing in Flutter and also how to write unit tests together with test-driven development. In this second part, youโre going to learn a lot about widget tests and integration tests in Flutter.
Go to my website for more information, code examples, and articles:
โ https://resocoder.com
Follow me on social media:
โ https://instagram.com/resocoder
โ https://www.facebook.com/resocoder
โ https://twitter.com/resocoder
๐ Get the starter project & code snippets๐๐ https://resocoder.com/flutter-testing-pt1 ๐ง Get Flutter news ๐ฐ and resources: ๐ http://flutter.education ๐จโ๐ป Do you write good code? Find out now! https://resocoder.com/good-code-quiz How can you make sure that an app does exactly...
๐ Get the starter project & code snippets๐๐
https://resocoder.com/flutter-testing-pt1
๐ง Get Flutter news ๐ฐ and resources:
๐ http://flutter.education
๐จโ๐ป Do you write good code? Find out now!
https://resocoder.com/good-code-quiz
How can you make sure that an app does exactly what it should do without any weird unexpected surprises? Well, you test it, of course. You could test everything manually by launching the app, using it, and trying your best to make the app blow up with errors. Or you can write a bunch of automated tests, which is arguably a more time-efficient and thorough way to test your apps. Letโs take a look at unit, widget, and integration tests.
Go to my website for more information, code examples, and articles:
โ https://resocoder.com
Follow me on social media:
โ https://instagram.com/resocoder
โ https://www.facebook.com/resocoder
โ https://twitter.com/resocoder
๐ Learn from the written tutorial ๐๐ https://resocoder.com/responsive-flutter-tutorial ๐ง Get Flutter news ๐ฐ and resources: ๐ http://flutter.education ๐จโ๐ป Do you write good code? Find out now! https://resocoder.com/good-code-quiz The biggest appeal of Flutter is being able to...
๐ Learn from the written tutorial ๐๐
https://resocoder.com/responsive-flutter-tutorial
๐ง Get Flutter news ๐ฐ and resources:
๐ http://flutter.education
๐จโ๐ป Do you write good code? Find out now!
https://resocoder.com/good-code-quiz
The biggest appeal of Flutter is being able to create apps that can run on multiple devices with just a single codebase. With the stable release of Flutter for the web, the apps you create become even more accessible.
Even though the apps you create will run on all compatible devices, we are faced with the challenge of displaying the optimal UI on a huge variety of screen sizes. That is why it is more important than ever to make your apps responsive.
In this tutorial, you will learn how to use the Responsive Framework package to easily make your app UI adjust to different screen sizes.
Go to my website for more information, code examples, and articles:
โ https://resocoder.com
Follow me on social media:
โ https://instagram.com/resocoder
โ https://www.facebook.com/resocoder
โ https://twitter.com/resocoder
๐ Learn from the written tutorial & get the code ๐๐ https://resocoder.com/flutter-bottom-nav-routing ๐ง Get Flutter news ๐ฐ and resources: ๐ http://flutter.education ๐จโ๐ป Do you write good code? Find out now! https://resocoder.com/good-code-quiz Routing in Flutter is a vast...
๐ Learn from the written tutorial & get the code ๐๐
https://resocoder.com/flutter-bottom-nav-routing
๐ง Get Flutter news ๐ฐ and resources:
๐ http://flutter.education
๐จโ๐ป Do you write good code? Find out now!
https://resocoder.com/good-code-quiz
Routing in Flutter is a vast topic as it can be executed in many different ways. Having a logical and simple to navigate routing setup will directly translate into a better user experience. It will also make the code a lot more maintainable for the developers.
Configuring routing in Flutter, specifically with Navigator 2.0 can be very tedious and time consuming. This is where AutoRoute comes in with its intuitive API and handy code generation that will save you lots of time and effort.
In this lesson youโll learn how to leverage the simplicity of the AutoRoute and Salomon Bottom Bar packages to create an elegant bottom navigation bar configured with nested routing.
Go to my website for more information, code examples, and articles:
โ https://resocoder.com
Follow me on social media:
โ https://instagram.com/resocoder
โ https://www.facebook.com/resocoder
โ https://twitter.com/resocoder
๐ Learn from the written tutorial & get the code ๐๐ https://resocoder.com/admob-flutter-tutorial ๐ง Get Flutter news ๐ฐ and resources: ๐ http://flutter.education ๐จโ๐ป Do you write good code? Find out now! https://resocoder.com/good-code-quiz There are lots of ways to turn a...
๐ Learn from the written tutorial & get the code ๐๐
https://resocoder.com/admob-flutter-tutorial
๐ง Get Flutter news ๐ฐ and resources:
๐ http://flutter.education
๐จโ๐ป Do you write good code? Find out now!
https://resocoder.com/good-code-quiz
There are lots of ways to turn a profit from an app. One of the most common and effective ones is in-app advertisement.
Google is by far the biggest player in the online advertising game. Google AdMob is a service that provides highly personalized ads from over one million advertisers along with useful tools and analytics to be used in apps. Integrating Google AdMob into your Flutter apps is absolutely free and, as you'll learn in this tutorial, really simple.
Go to my website for more information, code examples, and articles:
โ https://resocoder.com
Follow me on social media:
โ https://instagram.com/resocoder
โ https://www.facebook.com/resocoder
โ https://twitter.com/resocoder
๐ Learn from the written tutorial ๐๐ https://resocoder.com/rive-flutter-animations ๐ง Get Flutter news ๐ฐ and resources: ๐ http://flutter.education ๐จโ๐ป Do you write good code? Find out now! https://resocoder.com/good-code-quiz In a world where your app is competing with...
๐ Learn from the written tutorial ๐๐
https://resocoder.com/rive-flutter-animations
๐ง Get Flutter news ๐ฐ and resources:
๐ http://flutter.education
๐จโ๐ป Do you write good code? Find out now!
https://resocoder.com/good-code-quiz
In a world where your app is competing with millions of others, it's important for it to stand out visually as much as functionally. Sprinkling some beautiful animations across your app can really enhance its appeal and the userโs overall experience.
SVGs are incredibly versatile, customizable, and can be animated inside of your apps for a unique effect. Rive, formerly known as Flare, is an animation software that can be used to easily create animated SVGs. The Rive Flutter package can then be used to seamlessly add the animations you create into your apps.
Go to my website for more information, code examples, and articles:
โ https://resocoder.com
Follow me on social media:
โ https://instagram.com/resocoder
โ https://www.facebook.com/resocoder
โ https://twitter.com/resocoder
๐ Learn from the written tutorial & get the starter project๐๐ https://resocoder.com/awesome-notifications-flutter-tutorial ๐ง Get Flutter news ๐ฐ and resources: ๐ http://flutter.education ๐จโ๐ป Do you write good code? Find out now! https://resocoder.com/good-code-quiz...
๐ Learn from the written tutorial & get the starter project๐๐
https://resocoder.com/awesome-notifications-flutter-tutorial
๐ง Get Flutter news ๐ฐ and resources:
๐ http://flutter.education
๐จโ๐ป Do you write good code? Find out now!
https://resocoder.com/good-code-quiz
Notifications are an essential component of many apps. Local notifications in particular have many use cases, though most commonly they're used to create scheduled reminders. There is an endless variety of apps you can make with this as a core or an additional feature.
Notifications are platform specific and require us to tap into native code to create them. Fortunately, we donโt have to become native developers to implement them into Flutter apps. Thanks to the powerful Awesome Notifications plugin, we can create notifications for iOS and Android with minimal effort!
Go to my website for more information, code examples, and articles:
โ https://resocoder.com
Follow me on social media:
โ https://instagram.com/resocoder
โ https://www.facebook.com/resocoder
โ https://twitter.com/resocoder
๐ Learn from the written tutorial ๐๐ https://resocoder.com/showcase-view-tutorial ๐ง Get Flutter news ๐ฐ and resources: ๐ http://flutter.education ๐จโ๐ป Do you write good code? Find out now! https://resocoder.com/good-code-quiz A great app UI is one that minimizes the friction...
๐ Learn from the written tutorial ๐๐
https://resocoder.com/showcase-view-tutorial
๐ง Get Flutter news ๐ฐ and resources:
๐ http://flutter.education
๐จโ๐ป Do you write good code? Find out now!
https://resocoder.com/good-code-quiz
A great app UI is one that minimizes the friction between a user and its functionality. An excellent way to reduce that friction is to highlight and showcase the parts of your app which are integral to its usability. This is particularly handy when a user launches your app for the first time or when you update the app with some new features.
Go to my website for more information, code examples, and articles:
โ https://resocoder.com
Follow me on social media:
โ https://instagram.com/resocoder
โ https://www.facebook.com/resocoder
โ https://twitter.com/resocoder
๐ฆ ObjectBox - Superfast NoSQL DB https://objectbox.io ๐ Learn from the written tutorial ๐๐ https://resocoder.com/objectbox-flutter ๐ง Get Flutter news ๐ฐ and resources: ๐ http://flutter.education ๐จโ๐ป Do you write good code? Find out now! https://resocoder.com/good-code-quiz...
๐ฆ ObjectBox - Superfast NoSQL DB
https://objectbox.io
๐ Learn from the written tutorial ๐๐
https://resocoder.com/objectbox-flutter
๐ง Get Flutter news ๐ฐ and resources:
๐ http://flutter.education
๐จโ๐ป Do you write good code? Find out now!
https://resocoder.com/good-code-quiz
When you're choosing a database you're going to use in your next project, it's good to make wise and informed choices. ObjectBox is a very fast NoSQL local database for Flutter and also native Android/iOS with an intuitive API, rich support for queries and relations, plus you can optionally keep the database synced across multiple devices without any hassle on your part.
We're going to build a "shop order app" showing orders of respective customers. You're going to learn a lot - setting up of entities, relations, ordering, and reactive queries. First, we're going to focus only on the local database functionality and then I'll show you how easy it is to sync your data across devices with ObjectBox Sync.
Go to my website for more information, code examples, and articles:
โ https://resocoder.com
Follow me on social media:
โ https://instagram.com/resocoder
โ https://www.facebook.com/resocoder
โ https://twitter.com/resocoder
๐ Learn from the written tutorial ๐๐ https://resocoder.com/flutter-simple-animations ๐ง Get Flutter news ๐ฐ and resources: ๐ http://flutter.education ๐จโ๐ป Do you write good code? Find out now! https://resocoder.com/good-code-quiz Flutter has a reputation for allowing developers...
๐ Learn from the written tutorial ๐๐
https://resocoder.com/flutter-simple-animations
๐ง Get Flutter news ๐ฐ and resources:
๐ http://flutter.education
๐จโ๐ป Do you write good code? Find out now!
https://resocoder.com/good-code-quiz
Flutter has a reputation for allowing developers to build beautiful animated UIs and it's rightfully so. While you can build absolutely everything with just default Flutter classes and widgets, it sometimes gets way too tedious and time consuming to do so. Let's see how to make implementing even the most complex animations a breeze.
Go to my website for more information, code examples, and articles:
โ https://resocoder.com
Follow me on social media:
โ https://instagram.com/resocoder
โ https://www.facebook.com/resocoder
โ https://twitter.com/resocoder
๐ Learn from the written tutorial ๐๐ https://resocoder.com/flutter-flash-bar ๐ง Get Flutter news ๐ฐ and resources: ๐ http://flutter.education ๐จโ๐ป Do you write good code? Find out now! https://resocoder.com/good-code-quiz Snackbars and toasts are the most used ways of notifying...
๐ Learn from the written tutorial ๐๐
https://resocoder.com/flutter-flash-bar
๐ง Get Flutter news ๐ฐ and resources:
๐ http://flutter.education
๐จโ๐ป Do you write good code? Find out now!
https://resocoder.com/good-code-quiz
Snackbars and toasts are the most used ways of notifying users about something within an app. The problem is that snackbars are not very modifiable and toasts, coming from native Android, are not even present in Flutter by default.
Flash is a highly customizable, powerful and easy-to-use alerting package for Flutter. It offers snackbars, toasts and even dialogs so that you can manage everything using just one API.
Go to my website for more information, code examples, and articles:
โ https://resocoder.com
Follow me on social media:
โ https://instagram.com/resocoder
โ https://www.facebook.com/resocoder
โ https://twitter.com/resocoder
๐ Learn from the written tutorial ๐๐ https://resocoder.com/flutter-search-bar ๐ง Get Flutter news ๐ฐ and resources: ๐ http://flutter.education ๐จโ๐ป Do you write good code? Find out now! https://resocoder.com/good-code-quiz Searching through all kinds of various content in your...
๐ Learn from the written tutorial ๐๐
https://resocoder.com/flutter-search-bar
๐ง Get Flutter news ๐ฐ and resources:
๐ http://flutter.education
๐จโ๐ป Do you write good code? Find out now!
https://resocoder.com/good-code-quiz
Searching through all kinds of various content in your Flutter app is something you'll likely have to implement one day. A successful search implementation needs basically two things - a usable search history and also the search bar widget. Now, we're going to take a look at the most extensible and good-looking way to do this.
We're going to build a simple project that will contain all of the basic building blocks of a good search implementation. The package that we're going to use for the UI part is called material_floating_search_bar. There are many other packages and even the built-in showSearch function, but the package we're using is one of the best ones out there in terms of customizability and it also looks really good out of the box.
When it comes to the search history part, we're going to keep it simple. We could introduce all kinds of third-party dependencies like different state management packages and all kinds of persistent databases. However, we're going to implement the history only inside a StatefulWidget and as an in-memory List. Yet, as you'll see in a little while, the code will be easily applicable to any state management and database solution you like.
Go to my website for more information, code examples, and articles:
โ https://resocoder.com
Follow me on social media:
โ https://instagram.com/resocoder
โ https://www.facebook.com/resocoder
โ https://twitter.com/resocoder