Mastering Text Input in Compose

on YouTube ↗24m

" summary

Shows the new state-based TextField API and replaces onValueChange with input transformation and visualTransformation with output transformation, using a max-length digit filter and a buffer to format US numbers as "(XXX) XXX-XXXX" (parenthesis at index 0/4, dash at index 8). Demonstrates secure text field disables cut and copy and enforces a password rule (enable only when length > 8), commits credentials via Autofill using content types newUsername/newPassword and username/password, offers SMSOTP autofill for six-digit codes via a BasicTextField decorator, AutoSize for dynamic text, and contentReceiver for GIF/sticker drag-and-drop.

AI-written summary · about

" chapters (14)

1. 0:00Welcome
2. 1:09State-based text field
3. 2:11Hiding passwords
4. 3:39Password requirements
5. 5:07Autofill credentials
6. 6:31Logging in with saved credentials
7. 7:55Toggle password visibility
8. 9:41Two-factor authentication
9. 11:26OTP fields with BasicTextField
10. 14:36Autofill SMS OTP
11. 15:39Rich content receiver
12. 18:34Drag and drop receiver
13. 19:39Autosizing text
14. 23:57Summary

" related talks

• 20mMastering Text Input in ComposeMeghan Mehta, Melba Nuzen · droidcon New York 2025
• 39mUnderstanding Compose Text FieldAlbert Chang · DroidKaigi 2023
• 35mReimagining text fields in ComposeZach Klippenstein · droidcon New York 2023
• 41mTextField in Jetpack Compose:past, present and futureAlejandra Stamato, Anastasia Soboleva · Droidcon London 2023
• 38mWrite it down: Using text in Jetpack ComposeAlejandra Stamato · droidcon Berlin 2022
• 39mText in Compose: Beyond the BasicsAnastasia Soboleva · droidcon London 2024
• 32mCompose your TextSean McQuillan · droidcon San Francisco 2022
• 39mBuild a Vertical Text Editor with Android 16 × Jetpack Composerokuroku · DroidKaigi 2025