This article will give you a little idea about the Material UI menu component and the Flutter material PopupMenuButton button example with Material 3 design changes. We use a Menu to display a set of choices without using the app's screen surface. …

Data tables are components that we use occasionally in mobile development. With Jetpack Compose, it's really easy to create one. Since we don’t have in-built table or table cell components, we can create our own custom components. This article is about creating a custom data table with Jetpack Compose in…

The search bar is a very common component that we use in our applications. In Flutter, we have many packages to easily implement a search. This article is about Material Design 3's search bar. You can find example code with a search implementation without using an external package. Material 3…

MaterialStateProperty The MaterialStateProperty class helps define different visual properties for various states of a widget. With MaterialStateProperty, we can easily customize the appearance of a widget to offer a highly flexible and interactive user experience. Interface for classes that resolve to a value of type T based on a widget’s…

In this article, I will explain how to create a Custom Gradient Button with Flutter widgets. If you are a beginner wondering how to add a GradientButton to your UI, well this article is for you. You can learn about available Material design buttons with this article. Flutter UI Essentials- Buttons This article is about Flutter material buttons. This will give you an idea about the types of material buttons that we…mobileappcircular.com

A List View is a basic component that we need in mobile development. In order to create a list view that scroll vertically, we can use LazyColumn with Jetpack compose. We can use a LazyRow to create a horizontal item list view. When displaying a large number of items with…

Grid view is an important UI that we use in mobile development. Lazy grids In Jetpack compose we have LazyVerticalGrid and LazyHorizontalGrid composables to display items in a grid. With LazyVerticalGrid we can scroll items vertically and with LazyHorizontalGrid we can scroll items horizontally. In this article I will create…

This article is about Flutter material buttons. This will give you an idea about the types of material buttons that we have in Flutter and simple usage of these buttons with Material 3 design changes. From the above image, you can compare the changes between material 2 and material 3…

Cards are commonly used components in mobile development. Cards can hold the content we want inside them and give a better look for the UI. Cards have the elevation property that we can use to display a shadow effect. In Jetpack compose, we have the Card component for this. Card…