Theme extensions were introduced in Flutter 3. But what are Theme Extensions? As the name says, it helps to extend the inbuilt themes with our own extensions. Let’s jump into an example So when you create a flutter app, your basic root widget will look like this return MaterialApp( title: ‘Flutter Theme Extensions’, theme: ThemeData( primarySwatch: Colors.blue, ),… Read More »
1. Avoid Functional Widgets We usually have a situation where we need to separate out UI code from the widget, But we avoid creating a separate widget and use function which returns Widget. This practice have some benefits, like you don’t need to pass all parameters in your new widget, You have less code and less files. But this approach… Read More »
1. Placeholder Widgets Use SizedBox instead of Container as Placeholder widgets. Take a look at the below use-case return _loaded ? Container() : YourWidget(); The SizedBox is a const constructor and creates a fixed-size box. The width and height parameters can be null to indicate that the size of the box should not be constrained in the corresponding dimension. Hence, when we… Read More »
Let’s learn how to implement MVVM in Android. It’s actually really simple. ViewModel is just another class that that implements the main Business Logic. ViewModel is a middle man between your view and your Data class(Repo/any Data Provider). It can be represented simply like this. Here the View just displays the data. ViewModel doesn’t know where the data… Read More »
In this article, we will see how we can use BLoc to Theme your app in Flutter. To understand BLoC with a real world example, you can refer to my previous post on BLoC here. Part 1 Part 1 For this demo also we will need the below plugins If you follow my previous tutorial, it would be… Read More »
In this article we are gonna talk about how to use YouTube API’s and play YouTube videos in Flutter. Watch Video Tutorial Add Dependencies Open pubspec.yaml file in your Flutter project and add below dependencies Now, Let’s create two screens Home Screen Video Player Screen In the HomeScreen we will show the list of videos. API Key We… Read More »
We will be talking about how to reuse widgets and create custom reusable AppBars in this article. It’s so easy in flutter. Composing widgets and making it a more powerful and reusable one is so much easy in flutter. Watch Video Tutorial Let’s start at one of the wrong ways that beginners used to do. Let’s say I… Read More »
In this article we will see how we can create a chat application in flutter using Socket IO node js server. For this we need to have a server installed with Node js Socket IO and related dependencies So let’ start with Flutter. Here we need three screens Login screen Chat Users List screen Chat Screen. Login Screen… Read More »
This article shows how to implement Bottom navigation using Tabs in Flutter. Watch Video Tutorial For that we need to have a TabController and a TabBarView Widget. Create Tabs This is our demo tab layout widget. Create a new file name FirstTab.dart and copy the contents into it. You can create other… Read More »
Hello Devs, You know flutter is now a hot topic. Learning flutter will always help in your future career. In this article we will see how we can communicate between Flutter and Android. Watch Video Tutorial MethodChannel Flutter communicate with Native using “MethodChannel“. So you have to create a method channel with a constant as identifier. Make sure… Read More »
Javascript is a single threaded application. That means you cannot run more than one script at one time to modify DOM or something. But there are something called “Worker Threads” that spans separate threads outside your application that can do complex tasks which is linked by a Callback method. What is a Web Worker? When executing scripts in… Read More »
Lets see what a Context is… Context : Current State of the application. Context : Handle of the application. Context : Provides access to the resources, preferences, accessing database etc. Activity inherits from the Context. Context is the most important part of the Android application and its everywhere. If you wrongly use Context, it can lead to memory… Read More »
In this article, I will tell you a simple way to theme a flutter app. Here is a simple code that illustrates that. We use the theme property of each widget to theme it. For example, to theme the whole application, we would do something like this. Take a look at the theme property of the MaterialApp. You… Read More »
Here is a simple example to list contacts in android using the Content Resolver. Note : You need to have two things before accessing contacts. 1. Contacts Permission in the Android Manifest 2. Ask Runtime permission from the user Code Here is our MainActivity that lists the contacts. MainActivity.java Adapter Class Below is the adapter class for the… Read More »
Question John works at a clothing store. He has a large pile of socks that he must pair by color for sale. Given an array of integers representing the color of each sock, determine how many pairs of socks with matching colors there are. For example, there are socks with colors . There is one pair of color… Read More »
In this course we will learn how to Start with Flutter, Google’s own cross platform solution. So I am assuming that you have the flutter SDK and other stuff installed. if not please go to https://flutter.io and download it and setup. Android Studio If you are using Android Studio as your primary editor, then you should… Read More »
Solved Yes, a longtime problem with Android has been solved. Yes, version fragmentation problem. Version fragmentation is often Android from different manufacturers had been stuck on different versions which makes it difficult for developers to support all variety of devices. Hopefully the problem is going to be solved. From Google’s perspective, an OS rollout is actually a three-stage… Read More »
Hi friends, This is essentially a continuation of this post http://www.coderzheaven.com/2018/08/10/how-to-create-a-custom-native-imageview-in-android-for-reactnative/ Now we will listen to a click event from the image we just created. For that we have to add the ClickListener to the image in Android. Add below methods to the java class On the React Native Side The whole java class will look like this.
Many times we need custom components from native. Here is a simple example on how to create a custom imageview in Android for react native. First we will start with the Android Version Android Create a class that extends SimpleViewManager. Write a setSrc method which accepts the source url from React Native. Implement ‘createViewInstance’ method in which you… Read More »
Image Loading and caching had been a little bit pain in react native. In-fact react native didn’t had native support for caching. But after the recent release, there is now support for caching in iOS only. Still not for Android. You can read more about this from here https://facebook.github.io/react-native/docs/images.html#cache-control-ios-only Now these are the variety of options available. default:… Read More »
Studies show that we spend more time with our mobile devices every day, either working or enjoying our leisure time. And we use apps in these devices . But what are the ones that we use the most? Sensor Tower is a company dedicated to the marketing of mobile applications, which periodically publishes a report that collects the… Read More »
Download our free news app and get instant news from popular news channels instantly. Get the app from here… https://play.google.com/store/apps/details?id=app.mobile.daily_news Please download and leave your valuable feedback as well. Why you will download this app? Fast and efficient. Incorporates news from all famous news channels. Consumes minimal battery. No intruding ads or notifications. Completely… Read More »
