Alex Zhukovich
@alexzh.com
1/3 Foldable devices always use the medium window size class.
I believed this too. Then I opened my app on a Pixel 9 Pro Fold and was surprised that the "foldable" layout was skipped, and the "tablet" layout appeared on the screen.
#AndroidDev #KMP #MaterialDesign
I believed this too. Then I opened my app on a Pixel 9 Pro Fold and was surprised that the "foldable" layout was skipped, and the "tablet" layout appeared on the screen.
#AndroidDev #KMP #MaterialDesign
October 30, 2025 at 8:39 AM
1/3 Foldable devices always use the medium window size class.
I believed this too. Then I opened my app on a Pixel 9 Pro Fold and was surprised that the "foldable" layout was skipped, and the "tablet" layout appeared on the screen.
#AndroidDev #KMP #MaterialDesign
I believed this too. Then I opened my app on a Pixel 9 Pro Fold and was surprised that the "foldable" layout was skipped, and the "tablet" layout appeared on the screen.
#AndroidDev #KMP #MaterialDesign
Did you know that the OutputTransformation API lets you format text fields in Jetpack Compose in real time?
Here's how to improve entering a card number. You can also use it for phone numbers, dates, postcodes, and more.
Do you already use OutputTransformation in your project?
Here's how to improve entering a card number. You can also use it for phone numbers, dates, postcodes, and more.
Do you already use OutputTransformation in your project?
October 24, 2025 at 4:30 AM
Did you know that the OutputTransformation API lets you format text fields in Jetpack Compose in real time?
Here's how to improve entering a card number. You can also use it for phone numbers, dates, postcodes, and more.
Do you already use OutputTransformation in your project?
Here's how to improve entering a card number. You can also use it for phone numbers, dates, postcodes, and more.
Do you already use OutputTransformation in your project?
The ButtonGroup component from Material 3 Expressive replaces the SegmentedButtons component. It supports more shapes and includes overflow buttons for additional components that can't fit on the screen.
#JetpackCompose
#JetpackCompose
September 25, 2025 at 7:00 AM
The ButtonGroup component from Material 3 Expressive replaces the SegmentedButtons component. It supports more shapes and includes overflow buttons for additional components that can't fit on the screen.
#JetpackCompose
#JetpackCompose
Compose Multiplatform 1.9.0 is here! It now supports parameters for preview functions, including:
• name
• group
• locale
• widthDp
• heightDp
• showBackground
• backgroundColor
More details: github.com/JetBrains/c...
• name
• group
• locale
• widthDp
• heightDp
• showBackground
• backgroundColor
More details: github.com/JetBrains/c...
September 18, 2025 at 4:30 AM
Compose Multiplatform 1.9.0 is here! It now supports parameters for preview functions, including:
• name
• group
• locale
• widthDp
• heightDp
• showBackground
• backgroundColor
More details: github.com/JetBrains/c...
• name
• group
• locale
• widthDp
• heightDp
• showBackground
• backgroundColor
More details: github.com/JetBrains/c...
3. Number formatting varies between countries.
Let's compare:
• US: 12,345,678.9
• FR: 12 345 678,9
Use "NumberFormat.getNumberInstance(locale)." for number formatting.
Which of these has caused issues in your apps?
Let's compare:
• US: 12,345,678.9
• FR: 12 345 678,9
Use "NumberFormat.getNumberInstance(locale)." for number formatting.
Which of these has caused issues in your apps?
September 17, 2025 at 7:05 AM
3. Number formatting varies between countries.
Let's compare:
• US: 12,345,678.9
• FR: 12 345 678,9
Use "NumberFormat.getNumberInstance(locale)." for number formatting.
Which of these has caused issues in your apps?
Let's compare:
• US: 12,345,678.9
• FR: 12 345 678,9
Use "NumberFormat.getNumberInstance(locale)." for number formatting.
Which of these has caused issues in your apps?
2. Date formats are often a reason for user confusion.
Is "01/02/2025" January 2nd or February 1st? Actually, it depends on the locale.
• US: MM/DD/YYYY
• UK: DD/MM/YYYY
Use "DateTimeFormatter" to format dates based on locale.
Apply a similar approach to time formatting.
Is "01/02/2025" January 2nd or February 1st? Actually, it depends on the locale.
• US: MM/DD/YYYY
• UK: DD/MM/YYYY
Use "DateTimeFormatter" to format dates based on locale.
Apply a similar approach to time formatting.
September 17, 2025 at 7:05 AM
2. Date formats are often a reason for user confusion.
Is "01/02/2025" January 2nd or February 1st? Actually, it depends on the locale.
• US: MM/DD/YYYY
• UK: DD/MM/YYYY
Use "DateTimeFormatter" to format dates based on locale.
Apply a similar approach to time formatting.
Is "01/02/2025" January 2nd or February 1st? Actually, it depends on the locale.
• US: MM/DD/YYYY
• UK: DD/MM/YYYY
Use "DateTimeFormatter" to format dates based on locale.
Apply a similar approach to time formatting.
1. Currency formatting differs by country:
• US: $1,234.56
• DE: 1.234,56 €
Use "NumberFormat.getCurrencyInstance(locale)" for proper currency symbol positioning.
• US: $1,234.56
• DE: 1.234,56 €
Use "NumberFormat.getCurrencyInstance(locale)" for proper currency symbol positioning.
September 17, 2025 at 7:05 AM
1. Currency formatting differs by country:
• US: $1,234.56
• DE: 1.234,56 €
Use "NumberFormat.getCurrencyInstance(locale)" for proper currency symbol positioning.
• US: $1,234.56
• DE: 1.234,56 €
Use "NumberFormat.getCurrencyInstance(locale)" for proper currency symbol positioning.
Need to build list and detail screens in your Jetpack Compose project that adapt to different device types?
Check out the ListDetailPaneScaffold component from the Material3 adaptive-layout dependency.
Check out the ListDetailPaneScaffold component from the Material3 adaptive-layout dependency.
August 30, 2025 at 7:21 AM
Need to build list and detail screens in your Jetpack Compose project that adapt to different device types?
Check out the ListDetailPaneScaffold component from the Material3 adaptive-layout dependency.
Check out the ListDetailPaneScaffold component from the Material3 adaptive-layout dependency.
Did you know you can control the tooltip's position relative to its anchor starting from "material3:1.5.0-alpha01"?
Tooltips support the following positions:
• Above
• Below
• Start
• End
Tooltips support the following positions:
• Above
• Below
• Start
• End
August 14, 2025 at 4:30 AM
Did you know you can control the tooltip's position relative to its anchor starting from "material3:1.5.0-alpha01"?
Tooltips support the following positions:
• Above
• Below
• Start
• End
Tooltips support the following positions:
• Above
• Below
• Start
• End
Here is one more reason why you need visual tests which will verify your components and screens against system configuration options, like font scale.
Remember: Not everyone uses the default font size.
Remember: Not everyone uses the default font size.
July 23, 2025 at 4:30 AM
Here is one more reason why you need visual tests which will verify your components and screens against system configuration options, like font scale.
Remember: Not everyone uses the default font size.
Remember: Not everyone uses the default font size.
Did you know that Material 3 Expressive introduces many additional shapes that you can use in Jetpack Compose?
July 13, 2025 at 3:47 PM
Did you know that Material 3 Expressive introduces many additional shapes that you can use in Jetpack Compose?
Want to see how your UI adapts to different wallpapers?
You can preview dynamic colors directly in Android Studio using the "wallpaper" parameter for preview annotation.
Does your app support dynamic colors?
You can preview dynamic colors directly in Android Studio using the "wallpaper" parameter for preview annotation.
Does your app support dynamic colors?
July 2, 2025 at 4:30 AM
Want to see how your UI adapts to different wallpapers?
You can preview dynamic colors directly in Android Studio using the "wallpaper" parameter for preview annotation.
Does your app support dynamic colors?
You can preview dynamic colors directly in Android Studio using the "wallpaper" parameter for preview annotation.
Does your app support dynamic colors?
Compose Multiplatform 1.8.2 is now available. With this update, you can use preview parameters for Compose Multiplatform previews.
⚠️ Currently, the multiple previews are rendered in IntelliJ IDEA 2025.1.2 (stable version) and not rendered in Android Studio.
⚠️ Currently, the multiple previews are rendered in IntelliJ IDEA 2025.1.2 (stable version) and not rendered in Android Studio.
June 18, 2025 at 5:39 AM
Compose Multiplatform 1.8.2 is now available. With this update, you can use preview parameters for Compose Multiplatform previews.
⚠️ Currently, the multiple previews are rendered in IntelliJ IDEA 2025.1.2 (stable version) and not rendered in Android Studio.
⚠️ Currently, the multiple previews are rendered in IntelliJ IDEA 2025.1.2 (stable version) and not rendered in Android Studio.
Are you looking for a simple way to give access to important actions and keep the UI clean? Then, try HorizontalFloatingToolbar. It was recently released as part of Material 3 Expressive components.
⚠️ Currently in alpha
#AndroidDev #MaterialDesign #JetpackCompose
⚠️ Currently in alpha
#AndroidDev #MaterialDesign #JetpackCompose
June 17, 2025 at 4:30 AM
Are you looking for a simple way to give access to important actions and keep the UI clean? Then, try HorizontalFloatingToolbar. It was recently released as part of Material 3 Expressive components.
⚠️ Currently in alpha
#AndroidDev #MaterialDesign #JetpackCompose
⚠️ Currently in alpha
#AndroidDev #MaterialDesign #JetpackCompose
In Android Studio Narwhal, you can visually configure a preview for composable functions by clicking the gear icon next to your preview function.
June 5, 2025 at 4:30 AM
In Android Studio Narwhal, you can visually configure a preview for composable functions by clicking the gear icon next to your preview function.
Ensure that your composable function is accessible. Do you have a preview for your UI? Then, verify it by selecting "Start UI Check Mode" for your preview in Android Studio.
This feature works for Compose Multiplatform code, too. (tested it in Android Studio Narwhal).
This feature works for Compose Multiplatform code, too. (tested it in Android Studio Narwhal).
June 3, 2025 at 4:30 AM
Ensure that your composable function is accessible. Do you have a preview for your UI? Then, verify it by selecting "Start UI Check Mode" for your preview in Android Studio.
This feature works for Compose Multiplatform code, too. (tested it in Android Studio Narwhal).
This feature works for Compose Multiplatform code, too. (tested it in Android Studio Narwhal).
Did you know you can activate TalkBack to verify your application on an Android emulator using the "Device UI shortcut" menu in Android Studio?
May 30, 2025 at 5:47 AM
Did you know you can activate TalkBack to verify your application on an Android emulator using the "Device UI shortcut" menu in Android Studio?
Starting with Jetpack Compose 1.8.0, you have access to additional text overflow options. Here are the available options:
• Ellipsis
• StartEllipsis
• MiddleEllipsis
• Ellipsis
• StartEllipsis
• MiddleEllipsis
April 29, 2025 at 4:30 AM
Starting with Jetpack Compose 1.8.0, you have access to additional text overflow options. Here are the available options:
• Ellipsis
• StartEllipsis
• MiddleEllipsis
• Ellipsis
• StartEllipsis
• MiddleEllipsis
Recently, Jetpack Compose 1.8.0 was released and it allows to adjust the text size to the size of the container.
Jetpack Compose 1.8.0 is available as part of the BOM: 2025.04.01
implementation(platform("androidx.compose:compose-bom:2025.04.01"))
Jetpack Compose 1.8.0 is available as part of the BOM: 2025.04.01
implementation(platform("androidx.compose:compose-bom:2025.04.01"))
April 25, 2025 at 7:23 AM
Recently, Jetpack Compose 1.8.0 was released and it allows to adjust the text size to the size of the container.
Jetpack Compose 1.8.0 is available as part of the BOM: 2025.04.01
implementation(platform("androidx.compose:compose-bom:2025.04.01"))
Jetpack Compose 1.8.0 is available as part of the BOM: 2025.04.01
implementation(platform("androidx.compose:compose-bom:2025.04.01"))
Did you know you can change the color mode and font size from the "Running Devices" panel in Android Studio without accessing the settings?
By using the "Device UI Shortcuts" feature, you can adjust:
• Color mode
• Navigation mode (gesture, buttons)
• Font size
• Display size
By using the "Device UI Shortcuts" feature, you can adjust:
• Color mode
• Navigation mode (gesture, buttons)
• Font size
• Display size
April 23, 2025 at 4:30 AM
Did you know you can change the color mode and font size from the "Running Devices" panel in Android Studio without accessing the settings?
By using the "Device UI Shortcuts" feature, you can adjust:
• Color mode
• Navigation mode (gesture, buttons)
• Font size
• Display size
By using the "Device UI Shortcuts" feature, you can adjust:
• Color mode
• Navigation mode (gesture, buttons)
• Font size
• Display size
I've just completed the "Visual Testing Tools and Services" section of my book on visual testing for Android projects.
I'd love to hear from developers and QA engineers: What screenshot testing tools do you use alongside screenshot testing frameworks?
I'd love to hear from developers and QA engineers: What screenshot testing tools do you use alongside screenshot testing frameworks?
April 19, 2025 at 10:48 AM
I've just completed the "Visual Testing Tools and Services" section of my book on visual testing for Android projects.
I'd love to hear from developers and QA engineers: What screenshot testing tools do you use alongside screenshot testing frameworks?
I'd love to hear from developers and QA engineers: What screenshot testing tools do you use alongside screenshot testing frameworks?
Android Studio Narwhal now includes a "Generate Preview" with Gemini.
My thoughts after playing with it:
• It generates fake data for previews
• It struggles with custom types
• It needs modification, but it speeds up the process
In the future, it might be a helpful tool for adding visual tests.
My thoughts after playing with it:
• It generates fake data for previews
• It struggles with custom types
• It needs modification, but it speeds up the process
In the future, it might be a helpful tool for adding visual tests.
April 11, 2025 at 4:30 AM
Android Studio Narwhal now includes a "Generate Preview" with Gemini.
My thoughts after playing with it:
• It generates fake data for previews
• It struggles with custom types
• It needs modification, but it speeds up the process
In the future, it might be a helpful tool for adding visual tests.
My thoughts after playing with it:
• It generates fake data for previews
• It struggles with custom types
• It needs modification, but it speeds up the process
In the future, it might be a helpful tool for adding visual tests.
Starting from Android Studio Narwhal, you can use the preview for common composable functions in Kotlin Multiplatform.
April 2, 2025 at 4:30 AM
Starting from Android Studio Narwhal, you can use the preview for common composable functions in Kotlin Multiplatform.
Starting from version 1.4.0-alpha10 of Compose Material3, the TabRow is deprecated. Instead, you need to use PrimaryTabRow or SecondaryTabRow components.
March 18, 2025 at 5:30 AM
Starting from version 1.4.0-alpha10 of Compose Material3, the TabRow is deprecated. Instead, you need to use PrimaryTabRow or SecondaryTabRow components.
Visual issues can damage trust in your brand and ruin your app rating.
My new article explores how visual tests can detect pixel-perfect issues in your Android application: alexzh.com/why-visual-...
Learn how to catch visual bugs before release, like those shown in this image.
My new article explores how visual tests can detect pixel-perfect issues in your Android application: alexzh.com/why-visual-...
Learn how to catch visual bugs before release, like those shown in this image.
March 14, 2025 at 5:30 AM
Visual issues can damage trust in your brand and ruin your app rating.
My new article explores how visual tests can detect pixel-perfect issues in your Android application: alexzh.com/why-visual-...
Learn how to catch visual bugs before release, like those shown in this image.
My new article explores how visual tests can detect pixel-perfect issues in your Android application: alexzh.com/why-visual-...
Learn how to catch visual bugs before release, like those shown in this image.