Your Second Kotlin Android App
About this episode
See forum comments
Mark complete
Next episode: 15. Challenge: Create an EmptyView
Leave a rating/review
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
So far you’ve created a bunch of UI components. In this episode, you’ll connect the components to the Scaffold.
@Composable
fun TaskListScreen() {
Scaffold(
topBar = {
ListMakerTopAppBar(
title = stringResource(id = R.string.label_list_maker),
showBackButton = false,
onBackPressed = {}
)
},
content = {
TaskListContent(
modifier = Modifier
.padding(it)
.fillMaxSize(),
tasks = emptyList(),
onClick = { taskName ->
// TODO navigate to the tasks details screen
}
)
},
floatingActionButton = {
ListMakerFloatingActionButton(
title = stringResource(id = R.string.name_of_list),
inputHint = stringResource(id = R.string.task_hint),
onFabClick = {
// TODO save the task list
}
)
}
)
}
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
ListMakerScriptTheme {
TaskListScreen()
}
}
}
}
@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
ListMakerScriptTheme {
TaskListScreen()
}
}