What are composables - devrath/urban-octo-jetpack-compose GitHub Wiki

Contents
About composables
Naming conventions
Places to add the composables

About composables

  • Composable is the fundamental building block for building any type of composable function.
  • In the Flutter, we refer to any UI component as a widget, and here in jetpack compose we refer as compose
  • The UI is built with the composable and they have the annotation @compose
  • The annotation @compose will tell the compiler that the contents of the function are a piece of UI that needs to be displayed.

Naming conventions

@Composable
private fun HelloScreen(displayText: String) {
  Text(text = displayText)
}
  • The naming of composable stats with a capital letter, unlike the regular functions.
  • Reason for this is because the composable are like widgets or components, Thus we give the Capital name.

Places to add the composables

  • We can add the composable functions inside the class.
  • We can add it outside the class and within the file.
  • They are so much decoupled that, all the widgets in jetpack compose are functions.
  • We can even define them in a separate class and use them in the current class.
  • Due to this modularity the composable can be made to run on a desktop application as well that just has kotlin framework.