A Floating Action Button or FAB is a button that is intended for actions with high significance. As a UI element, the style of FAB is also important. In this Flutter tutorial, let’s check how to remove the shadow of the Floating Action Button. By default, FAB has some elevation and that’s the reason for…
The importance of buttons in mobile app design doesn’t need any explanation. The OutlinedButton is one of the newest buttons in Flutter. In this blog post, let’s learn how to add OutlinedButton with an icon and text in Flutter. In order to show icon and text you should make use of the OutlinedButton.icon constructor. The…
Buttons are one of the most important UI components in mobile app design. Hence, choosing the right colors for buttons is necessary. In this short Flutter tutorial, let’s learn how to change the OutlinedButton text color. The OutlinedButton.styleFrom has various properties to change the style. The backgroundColor property changes the background color whereas the foregroundColor…
OutlinedButton is one of the important widgets in Flutter. As an important UI element, the buttons should have visually appealing colors. In this blog post, let’s learn how to change the OutlinedButton background color in Flutter. You can customize the OutlinedButton style using OutlinedButton.styleFrom method. You just need to utilize the property backgroundColor. See the…
Rounded corners always make UI elements elegant. Tweaking border radius helps to create rounded corners. In this blog post, let’s learn how to change the OutlinedButton border radius in Flutter. The OutlinedButton.styleFrom method helps to customize the style of the OutlinedButton. Using the shape property and the RoundedRectangleBorder class you can easily change border radius…
OutlinedButton is one of the regularly used button widgets in Flutter. In this blog post, how to change the border color of Outlined Button in Flutter. Adding an OutlinedButton is easy. You can customize the style of the button using the OutlinedButton.styleFrom method. You can use its side property and the BorderSide class to change…
The OutlinedButton is one of the newly added button widgets in Flutter. It replaced the old Outline Button. In this blog post, let’s learn how to add OutlinedButton in Flutter. The OutlinedButton widget helps to create buttons whose actions are important but not primary. See the following code snippet. The complete code is given below….
Icons have an important role in mobile app design. In this blog post, let’s check how to add an icon with text in Flutter. The Icon widget helps you to add icons to your Flutter project. By default, there’s no property to add a label or text with the icon. Hence, you have to make…
IconButton helps to add button functionalities to an icon in Flutter. Sometimes, we may want to add borders around icons. In this blog post, let’s learn how to add a border around IconButton in Flutter. IconButton Circular Border Here, I am using the Ink widget and adding IconButton as its child. The Ink widget helps…
The IconButton is one of the most used button widgets in Flutter. A splash effect occurs when the IconButton is pressed. In this blog post, let’s learn how to change the splash color of the IconButton in Flutter. The IconButton has many properties for customization. One among them is splashColor. You can use the splashColor…
IconButton is one of the important button widgets in Flutter. It helps you to give button actions to an icon in Flutter. In this blog post, let’s learn how to disable the icon button in Flutter. An icon button can be added using the IconButton widget. You can disable the IconButton by passing null to…
Icons are important UI elements of a mobile app. As a developer, it’s always important to style icons to increase the visual appeal of the app. In this blog post, let’s learn how to add icon shadow in Flutter. You can display an icon using the Icon widget. The Icon has a property named shadows…