Problem mit der Größenänderung von DatePicker in Jetpack Compose ⇐ Android

[Anonymous]

Ich erstelle eine Android-Anwendung mit Kotlin und Jetpack Compose. Ich bin derzeit damit beschäftigt, einen DatePicker zu erstellen. Das Ziel besteht darin, dass der Datumsauswahlkalender auf dem App-Bildschirm selbst und nicht als Dialogfeld angezeigt wird. Aber wenn ich versuche, die App auf einem kleineren Telefon auszuführen, überlappt der Kalender die darauf befindlichen Daten und sie sind nicht sichtbar.
Im Moment ist dies der Code für die Datumsauswahl:

Code: Select all

Column(
modifier = Modifier
.fillMaxWidth()
.padding(8.dp),
horizontalAlignment = Alignment.CenterHorizontally
)
{
DatePicker(
state = datePickerState,
showModeToggle = false,
modifier = modifier,
title = null,
)
}

Und wenn ich die zusammensetzbare Funktion für die Datumsauswahl aufrufe, nenne ich sie so:

Code: Select all

DatePickerView(
selectedDate,
onDateSelected = {
selectedDate = it
formattedDate = convertMillisToDate(it)
},
modifier = Modifier
.fillMaxWidth()
.padding(horizontal = 16.dp)
.align(Alignment.CenterHorizontally)
)

Auf größeren Bildschirmen ist alles in Ordnung, aber auf kleineren Bildschirmen tritt dieses Problem auf. Wie kann ich die Größe der Datumsauswahl basierend auf der Bildschirmgröße dynamisch ändern?