Jetpack Compose

Material 3 offers a variety of pre-built TopAppBar components to streamline your development and ensure consistency with Material Design guidelines. This article explores different TopAppBar variations, including those with centered titles, expandable layouts, and support for subtitles.

This article covers using and customizing the “Dividers” components from the "Material 2" and "Material 3" libraries in the Jetpack Compose. In addition to that, we will explore the difference between implementation of the Divider, HorizontalDivider and VerticalDivider.

This article covers adding and customizing the “Pull to Refresh” action in the Jetpack Compose. In addition to that, we will explore how to trigger pull to refresh action in UI tests.

This article covers creating and customizing the "Switch" component in Jetpack Compose for enabling/disabling features. It explores differences between "Material" and "Material 3" libraries, and how to interact with and verify the Switch component's state in UI tests.

Explore different dropdown menus in Jetpack Compose. This guide covers information about creating, customising and testing dropdown menu in Jetpack Compose.

Many developers use string resources for development, and we can use similar resources for testing Jetpack Compose code with UI tests.

Designers and developers pay more attention to animations. This article will explore how to test animation created with Jetpack Compose.

Many mobile apps ask a user to provide data, and RadioButton component can simplify the onboarding process and how users can fill the information. I'll show you the possibilities of "RadioButton", how to customize and test it in JetpackCompose.

The preview functionality of Jetpack Compose is one of the key parts of the development UI with this technology. In this guide, I'll show complex examples of using @Preview annotation.

We will explore the creation of Theme use Colors, Typography, and Shapes in Jetpack Compose.

We will explore different ways of building grids and table use Jetpack Compose in this article.

We will explore many customization options for the text with Jetpack Compose in this article.