Series of Tutorials to learn about Jetpack Compose, Material Widgets, State, Animation, and Navigation.
| Tutorial | Preview |
|---|---|
Create Row that adds elements in horizontal order, and Column that adds elements in vertical order. • Column • Row • Box • Modifier |  |
Create and modify Surface to draw background for Composables, add click action to any composable. Set weight or offset modifiers. • Surface • Shape • Clickable |  |
| Tutorial | Preview |
|---|---|
Create Text component with different properties such as color, background, font weight, family, style, spacing and others • Text • Row • FontStyle • Annotated String Hyperlink |  |
Create button with text and/or with image, Floating Action Button or Chips. Modify properties of buttons including color, text, and click actions. • Button • IconButton • FloatingActionButton • Chip |  |
Create TextField component with regular style or outlined. Set error, colors, state, icons, and IME actions. • TextField • OutlinedTextField • IME • Regex |  |
Create Image with image, vector resource or with Painter, set image and Content scales to fit, expand or shrink image. Change shape of Image or apply ColorFilter and PorterDuff modes. • Image • Canvas • Drawable • Bitmap |  |