Learn Mobile App Development with Flutter
As a mobile app developer, you may have to use your own images as icons in your project. Let’s check how to add images as icons in Flutter. ImageIcon widget is the most suitable widget to use images as icons in Flutter. You can use its property image to assign your own image. Following is … Read more
Many Flutter developers use ElevatedButton as their preferred button. In this blog post, let’s learn how to create an Elevated Button with Icon in Flutter. You can add Elevated Button with icon and text using ElevatedButton.icon constructor. Then you can make use of properties such as icon and label to add icon and text. Following … Read more
I already have published few blog posts on the ElevatedButton widget. ElevatedButton is the ready-to-go button for many Flutter developers. In this blog post let’s check how to change the color of the elevated button at the time of pressing. You can change the background color of the ElevatedButton using MaterialStateProperty class. You can change … Read more
TextField is one of the most commonly used widgets in Flutter. It helps users to enter their text input. In this tutorial, let’s learn how to make the textfield number only by changing the keyboard type in Flutter. The keyboardType property of TextField class helps you to change the keyboard type. The TextInputType.number makes your … Read more
By default, when you run your projects in debug mode Flutter shows a debug banner on the top right of the app bar. In this tutorial let’s learn how to hide this debug banner in Flutter. Following is basic Flutter example with a Text placed at the center of the screen. You can see the … Read more
Sometimes, you may want to execute a code snippet only after some delay. In this tutorial, let’s check how to create delays in Flutter. There are multiple ways to create delay in Flutter. The first one is by using Timer class from dart. Timer in Flutter Here the code executes only after five seconds. Following … Read more
Usually, a text doesn’t have any click events. But there are cases, such as hyperlinks, where we need a text which is pressable or clickable. In this Flutter tutorial, let’s check how to make text clickable. I am using RichText widget for this example. It helps us to make a specific text clickable. The TextSpan … Read more
Even though very rare sometimes you may want to underline a text with a dotted line. Let’s check how to do that in Flutter. You may also want to check out my other blog posts – how to underline text in Flutter and how to double underline text in Flutter. Using the TextStyle widget you … Read more
There’s already a blog post published on how to convert string into integer and double in Flutter. Here, let’s check how to convert integer and double into string in Flutter. Integer to String in Flutter An Integer can be converted into string using toString function. See the code snippet given below. Double to String in … Read more
There’s already a blog post on how to underline a text in Flutter. In this Flutter tutorial, let’s check how to underline text with two lines. The TextStyle class is used to style Text Widget in Flutter. Using decoration property and TextDecoration class we can underline a text with a single line. You can use … Read more
