Dot. Dash. Design

Mastering Lines in Jetpack Compose with PathEffect

How to style your lines, shapes and paths with dots, dashes and stamped shapes in Jetpack Compose Canvas using PathEffect.

<span title='2024-03-19 00:00:00 +0000 UTC'>March 19, 2024</span>&nbsp;·&nbsp;ProAndroidDev

Graceful Exits: Implementing Close Confirmation for Jetpack Compose ModalBottomSheet

Ensure users don’t lose their input accidentally — add a simple confirmation dialog.

When a user accidentally taps out of a ModalBottomSheet or closes it they may lose any input they have added or changes they have made, it is easy to add a close confirmation dialog before closing the sheet!

<span title='2024-01-30 00:00:00 +0000 UTC'>January 30, 2024</span>&nbsp;·&nbsp;ProAndroidDev

Camouflage the Status Bar with Edge-to-Edge Jetpack Compose Screens and Dialogs

From Foreground to Fading Background

Ditch the jarring contrast of dark system bars against your vibrant app visuals. Edge-to-edge drawing in Jetpack Compose lets you transform those bars into chameleons, adapting to your UI’s colors and textures. Watch as they melt into the background, creating a unified canvas that captivates users.

<span title='2024-01-09 00:00:00 +0000 UTC'>January 9, 2024</span>&nbsp;·&nbsp;ProAndroidDev

Seeing your composable in shades of grey

Creating a greyscale modifier in Jetpack Compose and how to make complex composables look disabled.

What to do when you really need to keep text from resizing and how to check how your composables look with different font scales using previews.

<span title='2023-08-28 00:00:00 +0000 UTC'>August 28, 2023</span>&nbsp;·&nbsp;ProAndroidDev

Jetpack Compose Tricks: Conditionally Applying Modifiers for Dynamic UIs

Streamline your UI code

Modifiers in Jetpack Compose can quickly get out of hand when conditions get complex. You can create a Modifier extension function to only apply the modifier if a condition is met.

<span title='2023-08-14 00:00:00 +0000 UTC'>August 14, 2023</span>&nbsp;·&nbsp;ProAndroidDev

Preventing Font Scaling in Jetpack Compose

What to do when you really need to keep text from resizing and how to check how your composables look with different font scales using previews.

<span title='2023-07-14 00:00:00 +0000 UTC'>July 14, 2023</span>&nbsp;·&nbsp;ProAndroidDev

Using PreviewParameters and providing Composables to Jetpack Compose Previews

How to generate Jetpack Compose Previews from @Composable annotated data.

<span title='2023-05-11 00:00:00 +0000 UTC'>May 11, 2023</span>&nbsp;·&nbsp;ProAndroidDev

Typing on a Tiny Screen

How to implement user input for Android Wear OS

How to request user input using Jetpack Compose on Android Wear OS and how to chain several input requests to provide a great user experience - even on a tiny watch screen!

<span title='2023-03-19 00:00:00 +0000 UTC'>March 19, 2023</span>&nbsp;·&nbsp;ProAndroidDev

Effortlessly Add Pull-to-Refresh to Your Android App with Jetpack Compose

Up until recently, when using Jetpack Compose you needed to use the Swipe Refresh Accompanist library to implement pull to refresh. Now, the new stable API Pull Refresh is even easier to use!

<span title='2023-02-22 00:00:00 +0000 UTC'>February 22, 2023</span>&nbsp;·&nbsp;Google Developer Experts

Creating a Collapsing TopAppBar with Jetpack Compose

How to use the out of the box features to get a great result.

Using TopAppBar default scroll behaviours such as enterAlways and exitUntilCollapsed to create a collapsing Android app toolbar that can have a different style when expanded and collapsed.

<span title='2022-12-14 00:00:00 +0000 UTC'>December 14, 2022</span>&nbsp;·&nbsp;ProAndroidDev