Questions tagged [android-jetpack-compose-material3]

Jetpack Compose now has Material 3 support! This tag is for questions specifically related to Material 3 Composables, or the migration process from Material 2 -> Material 3 in Compose.

Jetpack Compose now has Material 3 support, though as of late 2022 there are still various experimental APIs and some aspects are not implemented.

Package documentation can be found here.

226 questions
3
votes
1 answer

How to resolve 'None of the following candidates is applicable because of receiver type mismatch' for material icons in compose

I'm using compose3 and dolphin Android Studio on Gruda Linux. All updated! I have a @Composable function called feed which just have a FilledTonalButton. For the content of FilledTonalButton I'm giving the icons.rounded.Add Whenever I'm building, it…
3
votes
1 answer

How to make padding reusable for Scaffold content

How can I set the content in my Scaffold to be reusable with content padding. Is it possible to extract contentPadding from a composable when I declare it? i.e. MyScaffoldContent Cannot find a parameter with this name:…
3
votes
1 answer

MediumTopAppBar Material3 change only big Title

I am working with MediumTopAppBar, and i am trying to change the textStyle of the big Title without ruining the small title. So what i am doing is: MediumTopAppBar( title = { HeadlineLargeBlackText(text = "pageTitle") }, …
3
votes
2 answers

I cannot use TextField() in jetpack Compose(Material 3)

@Composable fun EditNumberField() { TextField(value = "", onValueChange = {}){ } } It says Unresolved reference: TextField. I want a TextField so that the user can enter a value but it is showing an error.
3
votes
1 answer

Jetpack Compose Material3 disabled ListItem

so I am trying to implement some Material3 theming and want to display a list of items which may be disabled or not. As far as I can see the ListItem Composable does not allow to display it in disabled state because the colors of the content are…
3
votes
1 answer

How to change the drawer container color of ModalNavigationDrawer in Jetpack Compose?

I just updated material3 dependency to: implementation "androidx.compose.material3:material3:1.0.0-alpha16" And: drawerContainerColor = Color.Red Doesn't work anymore. I tried to set: scrimColor = Color.Red But the color is not changed? How to…
3
votes
1 answer

Jetpack compose cutout shape on bottom navigation Material 3

How to create a cutout shape in bottom navigation with compose? It seems Material 3 doesn't support cutout shape.
3
votes
1 answer

How to change background color of the jetpack compose snackbar?

I want to change solid or gradient color to jetpack compose snack bar. Please guide me how to change color Here is my snack bar using material3 compose, I am looking solution to change the background color import android.os.Bundle import…
3
votes
2 answers

SystemUIController won't set status bar color - Jetpack Compose Accompanist

I'm not sure when or what I changed, but all of the sudden the systemUiController has stopped affecting the status bar color in my app. For context, I'm using the accompanist Insets library in combination with system UI controller to get rid of the…
3
votes
3 answers

I can't find ModalBottomSheetLayout in material3 with jetpack compose?

Update We finally have BottomSheet in Material3 follow this ans Link Recently I created a project using `material3` with `jetpack compose` but when I tried to import `ModalBottomSheetLayout` but I couldn't find it. Is there any `alternate in…
3
votes
3 answers

Wrong ripple in material3 NavigationBar in Jetpack Composee

When I use Material3 NavigationBar in Jetpack Compose I get wrong rectangular ripple effect like this: Material3 library version: 1.0.0-alpha06 Code: NavigationBar(modifier = Modifier.navigationBarsPadding()) { NavigationBarItem( …
3
votes
1 answer

Getting Unresolved reference error while trying to work with Android material3

I am getting the below unresolved reference error while trying to build a new Android app using Jetpack Compose and Material3 components. I have so far tried the below steps mentioned in this page: Updated dependency of android.material to 1.5.04…
2
votes
0 answers

Jetpack Compose & Material 3 - How do I get Exposed Dropdown Menu Items to display correctly above a Bottom Sheet?

Exposed Dropdown Menu Items Behind Bottom Sheet (Jetpack Compose & Material 3) I'm working on an application for Android using Jetpack Compose, Material 3 and Kotlin. In this application I want to have a bottom sheet where I can create a new case.…
2
votes
0 answers

How to set window insets on new material3.BottomSheetScaffold?

New material3.BottomSheetScaffold doesn't have contentWindowInsets field like regular Scaffold, why is that ?
2
votes
0 answers

How to create a Custom Dialog that slides up from the bottom of the screen

I have a client that wants me to create a Dialog that slides up from the bottom similar to a Modal Bottom Sheet Layout, however, the client doesn't want me to use any experimental components, which BottomSheetScaffold and ModalBottomSheetLayout are…