Displaying a badge is a cool way to deliver a small amount of information about its child component in mobile applications. Flutter has a Badge widget that we can use in an easy way. Badge is one of the communication widgets that changed with Material 3. Badges are placed on…

Using Tabs to navigate between screens allows users to interact with the app in an easy and organized way. We can create a Tab bar with Jetpack Compose very easily. We can use TabRow and Tab composable to create a tab bar with the custom content we need. …

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…