How to change ElevatedButton Icon Position to Right in Flutter

ElevatedButton is one of the most used button widgets in Flutter. In this Flutter tutorial, let’s learn how to change the position of the ElevatedButton icon from left to right. When you create an ElevatedButton with an icon and text using ElevatedButton.icon, the icon appears at the left position. There are multiple ways to change…

How to add ElevatedButton with Transparent Background

You can do so many visual customizations to make ElevatedButton more beautiful. Sometimes, you may want to set the ElevatedButton background transparent. Let’s look at that case in this Flutter tutorial. The ElevatedButton.styleFrom method is used to customize the style of ElevatedButton. Its property backgroundColor helps to set a background color. We make Colors.transparent as…

How to change ElevatedButton Opacity in Flutter

As a mobile app developer, you may tweak the opacity of UI components for multiple purposes. In this Flutter tutorial, let’s learn how to change the default opacity of ElevatedButton. You can customize the background color of ElevatedButton by using the backgroundColor property of the ButtonStyle class. There we can change the opacity of the…

How to set Width and Height to ElevatedButton in Flutter

EleavetedButton is one of the most used widgets in Flutter. It helps to add a pretty button with the Material design. In this short Flutter tutorial, let’s learn how to set fixed width and height for ElevatedButton. By default, the size of the ElevatedButton is determined by its content such as Text, Icon etc. The…

How to set AlertDialog Background Color in Flutter

AlertDialog widget is one of the most useful widgets in Flutter. It helps developers to show important messages which may require acknowledgment. In this short Flutter tutorial, let’s learn how to change the AlertDialog background color. Adding AlertDialog is simple. You can make use of the backgroundColor property of AlertDialog and change the color. See…