How to use material3 custom dialog in jetpack compose

Question

I want to build Alert Dialog with options selection with rounded corners. I tried Material 3 library Alert Dialog code. I was looking this answer but getting weird errors. I have BOM version is compose_bom = "2022.11.00"

@Composable
fun DialogOptionsView() {
    AlertDialog(
        onDismissRequest = {}
    ) {
        Surface(
            modifier = Modifier
                .wrapContentWidth()
                .wrapContentHeight(),
            shape = MaterialTheme.shapes.large
        ) {

        }
    }
}

Error I am getting

Type mismatch.
Required:
DialogProperties
Found:
() → Unit

Error Image

score 1 · Accepted Answer · answered Feb 02 '23 at 18:33

1

The BOM package contains only stable versions of the different Compose libraries. In particular the BOM 2022.11.00 contains the androidx.compose.material3:material3:1.0.1

To use the content parameter with AlertDialog you have to use at least the version 1.1.0-alpha04 of M3.

In your build.gradle use:

dependencies {
    // Import the Compose BOM
    implementation platform('androidx.compose:compose-bom:2023.01.00')

    // Override Material Design 3 library version with a pre-release version
    implementation 'androidx.compose.material3:material3:1.1.0-alpha05'

   //...
}

Also check the BOM to libraries mapping.

answered Feb 02 '23 at 18:33

Gabriele Mariotti

320,139
94
887
841

can we use content without alpha version of material3? – Kotlin Learner Feb 02 '23 at 18:49
I can't use alpha beta version in the project.. – Kotlin Learner Feb 02 '23 at 18:50
@VivekModi `AlertDialog` with the `content` variant exists only starting from M3 `1.1.0-alpha04` and the `1.1.0` is currently in an alpha release. Then you can't use it. You can use the other solution described in the same answer. – Gabriele Mariotti Feb 02 '23 at 18:55
1

Perfect, I'll try this one – Kotlin Learner Feb 02 '23 at 19:24

How to use material3 custom dialog in jetpack compose

1 Answers1