android 在Jetpack Compose中使用DatePicker的问题

4zcjmb1e 于 2024-01-04 发布在 Android

关注(0)|答案(1)|浏览(188)

我正在用Kotlin和Jetpack Compose制作一个Android应用程序。我目前被制作一个DatePicker卡住了。目标是让日期选择器日历出现在应用程序屏幕本身，而不是作为一个对话框。但是，一旦我尝试在较小的手机上运行该应用程序，日历就会与上面的日期重叠，并且它们不可见。
下面是日期选择器的代码：

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

字符串
当我调用日期选择器的可组合函数时，我这样调用它：

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

型
在大屏幕上一切都很好，但在小屏幕上这个问题来了。我如何动态调整日期选择器，基于屏幕大小？

android

来源：https://stackoverflow.com/questions/77726019/problem-with-resizing-of-datepicker-in-jetpack-compose

1条答案

按热度按时间

6gpjuf901#

要根据Jetpack Compose应用程序中的屏幕大小动态调整DatePicker的大小，您可以使用LocalConfiguration和LocalDensity提供程序来获取有关屏幕大小和密度的信息。然后，您可以相应地调整DatePicker的大小。

@Composable
fun DatePickerScreen() {
  
    val configuration = LocalConfiguration.current
    val screenWidthDp = configuration.screenWidthDp
    val datePickerWidth = (screenWidthDp * 0.8).dp
    Column(
        modifier = Modifier
            .fillMaxWidth()
            .padding(8.dp),
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        
        DatePickerView(
            selectedDate = System.currentTimeMillis(),
            onDateSelected = { /* Handle date selection */ },
            modifier = Modifier
                .fillMaxWidth()
                .padding(horizontal = 16.dp)
                .align(Alignment.CenterHorizontally)
                .width(datePickerWidth)
        )
    }
}
@Composable
fun DatePickerView(
    selectedDate: Long,
    onDateSelected: (Long) -> Unit,
    modifier: Modifier = Modifier
) {
    val datePickerState = rememberDatePickerState(selectedDate)
    DatePicker(
        state = datePickerState,
        showModeToggle = false,
        modifier = modifier,
        title = null,
    )
}

字符串

展开查看全部

赞(0）回复(0）举报 2024-01-04

我来回答

android 在Jetpack Compose中使用DatePicker的问题

1条答案

相关问题

热门标签

最新问答