PrimaryBarScreen
fun SMC.PrimaryBarScreen(scrollable: Boolean = false, barColour: Color = MaterialTheme.colorScheme.primary, topBar: @Composable (topBarElevation: Dp) -> Unit = { }, floatingActionButton: @Composable () -> Unit = { }, scrollableContainer: @Composable (ScrollState, PaddingValues, @Composable () -> Unit) -> Unit = { scrollState, innerPadding, containerContent ->
DefaultScrollableContainer(scrollState, innerPadding, containerContent)
}, content: @Composable ColumnScope.() -> Unit = { })
A general template for the type of Spend Manager screen hooked up in a scaffold, with the following properties:
Primary coloured header bar in top portion of screen
a (provided) unelevated Top Bar (to blend with the header bar)
A slot for content
Scroll options for different effects (should the entire page + blue bar scroll or not)
Parameters
scrollable
True if the primary bar should scroll (be part of a scrollable screen)
barColour
The colour of the bar, defaults to primary
topBar
The top bar to be placed on the screen. NOTE: the provided topBarElevation must be used!
floatingActionButton
Optional FAB to be placed in the scaffold
scrollableContainer
Optional override only used in the scrollable true case. Provide if the content needs to be hosted in a special container
content
Main content to display