dependencies {
implementation 'com.github.boguszpawlowski:compose-calendar:1.2.0'
}
@Composable
fun CalendarStateDisplay(calendarState: CalendarState) {
Text(text = "Selected Date: ${calendarState.selectedDate}")
}
@Composable
fun MyScreen() {
val calendarState = rememberCalendarState()
Column {
CalendarView(
state = calendarState,
onDaySelected = { day -> /*处理选定的日期*/ }
)
CalendarStateDisplay(calendarState = calendarState)
}
}
在此示例中,我们在MyScreen Composable函数中调用rememberCalendarState()函数来获取日历状态。然后我们将这个状态传递给CalendarView函数,这是可组合库中显示的日历,并定义了onDaySelected回调功能来处理所选日期。最后,我们将CalendarStateDisplay Composable函数调用为一个新的行,将calenarState传递给它以显示所选日期。
现在,每当选定日历中的日期时,CalendarStateDisplay函数将自动更新以显示选择的日期。