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…
Nowadays, I face very few issues regarding react native command line. But recently when I executed the react-native start command on the terminal I got the following error. Apparently, this wasn’t a react native issue. It was a mistake from me. I should have executed the npx react-native start command from the project folder and…
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…
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…
Usually, a text doesn’t have any click events. But there are cases, such as hyperlinks, where we need text which is pressable or clickable. In this Flutter tutorial, let’s check how to make text clickable. I am using the RichText widget for this example. It helps us to make a specific text clickable. The TextSpan…
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…
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…
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…
Sometimes, you may want to underline text to get the attention of the user. Let’s check how to add text with underlining in Flutter. The TextStyle class is used for styling Text widgets in Flutter. Using the decoration property and TextDecoration class, you can underline your text easily. If you want to underline only a…
When developing mobile apps we always get into situations where we want to convert data types. In this blog post, let’s check how to convert a string into a number, that is an integer or a double in Flutter. We can use some Dart functions for this purpose. String to Integer in Flutter The string…
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…