Hi all when using a `Scaffold` how can we get the `TopAppBar kotlinlang #compose

02/08/2022, 12:50 AM

Hi all, when using a

Scaffold

how can we get the

TopAppBar

BottomAppBar

to be transparent and have the body background visible top and bottom?

02/08/2022, 5:12 AM

Can you explain your use case or do you have a design you can show?

02/08/2022, 5:15 AM

i have a video that needs to display full screen, however i have a header and footer items that need to show on top

02/08/2022, 2:40 PM

Do you have any code to show?

02/08/2022, 5:34 PM

@ExperimentalMaterial3Api
@Composable
fun MyComponent() {
    Scaffold(
        modifier = Modifier,
        topBar = {
            CenterAlignedTopAppBar(
                title = {
                    Text(text = "Title", style = MaterialTheme.typography.titleLarge)
                },
                actions = {
                    IconButton(
                        onClick = {},
                        content = { Icon(Icons.Default.Paid, contentDescription = null, tint = Color.LightGray) }
                    )
                }
            )
        },
        bottomBar = {
            Icon(Icons.Filled.Favorite, contentDescription = null)
            Icon(Icons.Filled.AccessTime, contentDescription = null)
        }
    ) {
        Surface(modifier = Modifier.fillMaxSize(), color = Color.Transparent) {
            AndroidView(
                factory = { context -> videoViewFull },
                update = {  }
            )
        }
    }
}

i would like to have the custom view (which is a full image/video) to cover to top and bottom bar