Migrating your app to compose, step 1, live coding
summary
Live coding converts one Android view card into a Jetpack Compose composable as the concrete first step of migration, showing a working component that compiles and previews in the sample app. It uses Modifier-first patterns, Compose layouts and Preview, replaces DrawableSpan with InlineTextContent/AnnotatedString for embedded icons, and wires up contentDescription and focusable behavior for TalkBack support. The card preserves rounded corners, color alpha tweaks and right-aligned price rendering and runs in the demo activity.
AI-written summary · about
chapters (9)
- 0:00Introduction and overview
- 1:05Migrating navigation first
- 4:06Starting with specialized components
- 10:07Converting to Compose basics
- 15:22Testing component sizing
- 16:28Handling text overflow
- 21:46Adding image resources
- 27:15Styling text content
- 32:17Final adjustments and summary
related talks
38mFrom Android View to Jetpack Compose — A Guide to Migrating to Jetpack Compose
33mMigrating to Jetpack Compose - an interop love story
43mSwitching to Compose? Don’t Rush!
45mOn the road to Jetpack Compose
48mLearning Jetpack Compose By Example
01h 11mCodelab: Jetpack Compose Basics
45mMigrating a large-scale banking app to Compose
19mUsing Jetpack libraries in Compose