Own Your Dialog: Taking Control of Compose’s Dialog Window

Mở bất kỳ Dialog trong Jetpack Compose cũng sẽ nhận được một lớp scrim đen nền và một số xử lý inset mặc định mà thường không cần thiết. Điều này xảy ra vì Dialog tạo ra một DialogProperties với các giá trị mặc định như usePlatformDefaultWidth = true, usePlatformDefaultHeight = true và scrimColor = Color.Black.copy(alpha = 0.32f), đồng thời áp dụng WindowInsets padding để tránh chồng lên hệ thống UI. Kết quả là giao diện hiển thị một lớp tối không mong muốn, tiêu thụ sự kiện touch bên ngoài dialog và gây thay đổi layout khi thanh trạng thái hoặc thanh navigation thay đổi. Để kiểm soát hoàn toàn, bạn có thể truyền một DialogProperties tùy chỉnh – ví dụ đặt usePlatformDefaultWidth/Height = false, scrimColor = Color.Transparent và tắt việc tiêu thụ inset – từ đó tạo ra dialog vô viền hoặc trong suốt mà không có scrim mặc định. Đây là cách hiệu quả để tùy chỉnh dialog mà không phải бороться với hành vi mặc định của Compose.