Jetpack Compose のダイアログの背景を透明にしたい

概要

Dialog はデフォルトで半透明の灰色背景になっているので、これを透明したかった。

方法

以下のStackoverflow の記事によると以下のように setDimAmount(0f) をしてあげれば透明になると書いてある。

@Preview(device = "id:Nexus S")
@Composable
private fun Test() {
    Dialog(onDismissRequest = { }) {
        ((LocalView.current.parent as DialogWindowProvider).window).setDimAmount(0f)
        Box(modifier = Modifier.fillMaxSize()) {
            Text(
                text = "Okay!",
                color = Color.Cyan,
                modifier = Modifier.align(Alignment.Center)
            )
        }
    }
}

Preview

Preview は以下のようになる。全然透明になってない！！

実機で見る

実機では以下のようになる。透明になってる！