Jetpack Compose
Leave a rating/review
Notes: 03. Use Basic Compose Building Blocks
The student materials have been reviewed and are updated as of September 2022.
In ui/addBook/AddBookActivity, within AddBookTopBar() composable function, the method onBackPressed() is deprecated and is replaced by onBackPressedDispatcher.onBackPressed() method.
Heads up... You’re accessing parts of this content for free, with some sections shown as text.
Heads up... You’re accessing parts of this content for free, with some sections shown as text.
Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.
Unlock now
Demo
Now that you’ve learned a bit about basic composable functions and how they work, you’re ready to dive deeper and learn about more composables and how to combine them together.
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent { AddBookContent() } // here
}
@Composable
fun AddBookContent() {
Scaffold(topBar = { AddBookTopBar() }) {
AddBookFormContent()
}
}
@Composable
fun AddBookTopBar() {
TopAppBar(
title = {
Text(text = stringResource(id = R.string.add_book_title))
},
navigationIcon = {
IconButton(onClick = { onBackPressedDispatcher.onBackPressed() }) {
Icon(Icons.Default.ArrowBack, contentDescription = "Back")
}
},
contentColor = Color.White,
backgroundColor = colorResource(id = R.color.colorPrimary)
)
}
@Composable
fun AddBookFormContent() {
Column(
modifier = Modifier.fillMaxSize(),
horizontalAlignment = Alignment.CenterHorizontally
) {
}
}
@Composable
fun AddBookFormContent() {
Column(
modifier = Modifier.fillMaxSize(),
horizontalAlignment = Alignment.CenterHorizontally
) {
OutlinedTextField(
value = "",
onValueChange = {},
label = { Text(text = stringResource(id = R.string.book_title_hint)) })
OutlinedTextField(
value = "",
onValueChange = {},
label = { Text(text = stringResource(id = R.string.book_description_hint)) })
}
}
@Composable
fun AddBookFormContent() {
Column(
modifier = Modifier.fillMaxSize(),
horizontalAlignment = Alignment.CenterHorizontally
) {
...
Row {
TextButton(
onClick = {},
content = { Text(text = stringResource(id = R.string.genre_select)) })
DropdownMenu(
expanded = false,
onDismissRequest = {}) {
DropdownMenuItem(onClick = {}) {
}
}
}
}
}
@Composable
fun AddBookFormContent() {
Column(
modifier = Modifier.fillMaxSize(),
horizontalAlignment = Alignment.CenterHorizontally
) {
...
TextButton(
onClick = { onAddBookTapped() }
) {
Text(text = stringResource(id = R.string.add_book_button_text))
}
}
}