There are different types of buttons available in Flutter. TextButton is one among them and it helps to convert text to a button. In this Flutter tutorial, let’s learn how to add an icon to TextButton easily. Adding a TextButton is easy but in order to add an icon beside the button you have to … Read more
TextButton in Flutter helps to convert a text to button easily. The TextButton has different properties to customize it. In this Flutter tutorial, let’s learn how to change the color of TextButton. By default, the color of TextButton is inherited from the theme. You can use styleFrom() method with TextButton to style the text, color, … Read more
Flutter has different types of buttons namely- ElevatedButton, OutlinedButton, TextButton, etc. The TextButton in Flutter helps to create button text easily. Let’s jump into this Flutter TextButton tutorial. The TextButton class is similar to FlatButton which is deprecated. You can pass the Text widget as its child and style the button using styleFrom() method. See … Read more
AppBar is an important UI component in a mobile app. In this Flutter tutorial, let’s learn how to add an icon button to AppBar. The AppBar has actions property which allows displaying a list of widgets in a row after the title. We use actions to add IconButton. We also show a Snackbar when the … Read more
Gradients created with multiple colors always make UI components more attractive. Let’s learn how to add AppBar with a gradient background in Flutter. The flexibleSpace property helps to add widgets to customize AppBar. Using BoxDecoration and LinearGradient you can create a gradient background. See the code snippet given below. Following is the output of AppBar … Read more
AppBar is one of the most used widgets in Flutter. It is also highly customizable. In this Flutter tutorial, let’s learn how to show an AppBar with an image background. First, you must add an image to your project and mention it in the pubspec.yaml file. The AppBar has a property named flexibleSpace and it … Read more
Transparency is often used in mobile app design to create visually appealing Ul elements. Let’s learn how to make AppBar transparent in this Flutter tutorial. AppBar has backgroundColor property to change the background color. We apply Colors.transparent as the background color. The next thing is to make elevation property zero so that the shadows because … Read more
AppBar is one of the important UI components of material design. In this short and simple Flutter tutorial, let’s check how to change the default AppBar title color. The AppBar widget uses a Text widget to add the title. Hence, we can make use of the TextStyle class to change the color of the title. … Read more
AppBar is one of the most important widgets in Flutter. It helps developers to set a sticky toolbar at the top of each screen. Let’s check how to change the default height of AppBar in Flutter. Changing the height of AppBar is easy. You just need to use toolbarHeight property of AppBar. See the code … Read more
Elevation has an important role in material design. It helps to create a shadow according to the elevated distance. In this Flutter tutorial, let’s learn how to change the AppBar elevation color. The AppBar widget has an elevation property through which you can apply elevation to the AppBar. If you want to change the default … Read more
