Sometimes, you may need to change the text label given on button during events such as on press. In this Flutter tutorial, let’s see how to change the button text on click. We use ElevatedButton in this flutter example. We also use the stateful widget as simple state management is required to change the button…
Nowadays, many Flutter developers prefer ElevatedButton as their button. In this Flutter tutorial, let’s check how to change the ElevatedButton shadow color. The styling of the ElevatedButton is done with the help of the ButtonStyle class. The ElevatedButton has shadows by default because of elevation. You can customize the shadow color using the shadowColor property…
Async and Await are two important keywords in programming languages. These two keywords make asynchronous functions read better. In this tutorial, let’s see how to use async and await in Flutter. Following is an asynchronous function where async and await keywords are used. Following is the video where the official Flutter team explains the usage…
In some scenarios, you may want to get an existing variable inside your string. Hence, let’s check how to call variables inside a string in Flutter. Calling a variable inside string is extremely easy in Flutter. You just need to use the dollar syntax as given below. Here $value represents an already defined variable named…
A mobile app might be running on various mobile devices with different configurations. Hence, it’s important for developers to get the device model of the users. Then only the developer can address device-specific bugs and issues. Let’s check how to get device model in Flutter. The device info is a Flutter package that gives information…
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 gives a set of data in JSON format. First of…
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…
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 the 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…