Fetching data from an API and displaying that data in ListView is a common requirement of Flutter Apps. It’s because you can show a large set of dynamic data through the ListView widget easily. In this Flutter tutorial, let’s use a sample API https://jsonplaceholder.typicode.com/albums that give a set of data in JSON format. First of …
How to Fetch Data from API and Show in Flutter ListView Read More »
Most of the mobile applications we develop have to use internet for various purposes. Hence, let’s learn how to fetch data from APIs in Flutter. We are using a sample API https://jsonplaceholder.typicode.com/todos/1 that gives the following data in JSON. First of all install http package into your Flutter project. Open your pubspec.yaml file and add …
The popularity of Flutter is so high that many mobile app developers using other frameworks or languages want to try it. The developers migrating from one framework to another always have so many confusions. For example, if you are a react native developer and wanna try flutter then you have to learn more about Flutter …
Sometimes, we may need to disable and enable buttons in our apps. In this flutter example, I am showing you how to enable and disable elevated button. The ElevatedButton is enabled by default. But you can easily disable it by passing null to the onPressed property. See the snippet below. In practical scenarios, you always …
How to Dynamically Disable and Enable Button in Flutter Read More »
By default, users can’t copy the Text content of a flutter app. Sometimes, we want to let users to copy text content to the clipboard. Let’s check how to create copyable text in flutter in such cases. You can create copyable Text in flutter using SelectableText class. It’s very easy as given below. Following is …
We know, a flutter app is composed of numerous widgets. In some scenarios, we may want to hide and show any specific widget depending on certain situations. This can be done easily using the Visibility class. The widget which is to be hidden should be the child of the Visibility widget. The visibility is managed …
We already know how to add an ElevatedButton in flutter and how to change the background color of the ElevatedButton. In this blog post, let’s check how to change border color of an Elevated Button in flutter. The style parameter and the styleFrom method should be used to change the default style of the elevated …
How to Change Border Color of ElevatedButton in Flutter Read More »
Sometimes, we may want to show images in rounded shapes in our apps. One such example is the profile image of the user. In this Flutter tutorial, let’s check how to add an image of a rounded shape in Flutter. In the previous blog post, how to add an image with rounded corners we used …
We already know how to add an ElevatedButton in flutter. In this blog post, let’s check how to create an Elevated Button with custom border radius in flutter. The style parameter and the styleFrom method should be used to create custom styles for the ElevatedButton. The RoundedRectangleBorder class and BorderRadius class helps us to define …
How to Add an ElevatedButton with Rounded Corners in Flutter Read More »
Sometimes, rounded corners are more beautiful than sharp corners. In this Flutter tutorial, let’s check how to add an image with rounded corners in flutter. I already have a post about adding rounded corners in flutter. As mentioned there, we have to use ClipRect class to create rounded corners. It’s very easy. Following is the …
How to Add Image with Rounded Corners in Flutter Read More »
