Sometimes, you may need to add a horizontal line in your UI. This divider line can help you to separate other components visually. In this flutter tutorial, let’s see how to show a horizontal divider line in Flutter. There are multiple ways to create a horizontal line. Here, we are using the Divider class. A…
The slider is an important UI component for mobile apps. It helps users to select a value from a specified range. In this blog post, let’s check how to add a slider component in Flutter. The Slider class is used to create a slider in Flutter. The slider widget has attributes such as min, max,…
TextField is where the user gives input in Flutter-made apps. Most of the time, we may want to limit the number of characters. In this flutter tutorial, let’s check how to limit the characters of TextField. I hope you already know how to add a TextField widget in Flutter, otherwise please go through my blog…
The TextField widget is a very important widget in flutter which lets users give inputs. The input types the user gives can be varied. For example, if you are entering a phone number then you only want to see numbers on your keyboard. In this Flutter tutorial, let’s see how to change keyboard type while…
Users always want a clear option with TextField so that they don’t need to back press many times to make the field empty. In this blog post, let’s see how to clear TextField in Flutter. The TextField widget acts as text input in Flutter. If you don’t know how to add a TextField in flutter…
Sometimes, we may want to redirect users to specific links or websites by prompting a browser. In this flutter tutorial let’s check how to open a url in external browser in flutter. If you are looking to open a url within your app using webview then please check my blog post here. By default flutter…
Even though using raw HTML inside the mobile app is not usual, you may need it for some specific actions. In this flutter tutorial, let’s check out how to make the flutter webview load raw HTML. Before starting, please check out my previous tutorials on Flutter webview- how to add webview in flutter and how…
When you are using web view to show some web pages inside your mobile app you may always want to show a progress indicator at the time of loading. In this blog post let’s see how to add a webview with a progress indicator in Flutter. If you don’t know how to add a webview…
Sometimes, we may want to open a specific web page inside our mobile app so that users don’t feel they are opening a website. In such situations, a webview inside the app will be extremely useful. In this flutter tutorial, let’s learn how to open a URL using WebView in Flutter. First of all, Flutter…
Drop down menus are very useful ui components when you want a single input from multiple options. In this blog post, let’s check how to add a simple drop down menu in flutter. DropdownButton class of flutter can be used to create a dropdown widget in flutter. It has important attributes such as value, items,…
Radio buttons are a good way to take inputs from users. They allow users only to choose one option from a group. In this blog post, let’s see how to add a radio button in Flutter. If you are looking for how to add a checkbox in flutter then you can go here. We use…
A checkbox is an important component to get input from the user. In Flutter, a checkbox can be implemented using the Checkbox widget. Even though the Checkbox widget doesn’t have its own state, the widget calls the onChanged callback. The checkbox can be added as given below. The complete code for the Flutter checkbox example…