Material3 DatePicker月份导航按钮颜色无法修改问题

针对Material3的DatePicker，月份左右导航按钮的颜色需要通过自定义DatePickerColors来单独设置，具体步骤如下：

• 首先创建自定义的DatePicker颜色配置，指定navigationIconContentColor为你需要的颜色：

import androidx.compose.material3.DatePickerDefaults
import androidx.compose.ui.graphics.Color

val customDatePickerColors = DatePickerDefaults.colors(
    navigationIconContentColor = Color(0xFFyour_color_code) // 替换为目标颜色
)

• 然后将这个自定义颜色配置传入DatePicker或DatePickerDialog组件：
  如果是单独使用DatePicker：

DatePicker(
    state = rememberDatePickerState(),
    colors = customDatePickerColors
)

如果是使用DatePickerDialog：

DatePickerDialog(
    onDismissRequest = { /* 处理弹窗关闭逻辑 */ },
    confirmButton = {
        TextButton(onClick = { /* 确认选择逻辑 */ }) {
            Text("确认")
        }
    },
    dismissButton = {
        TextButton(onClick = { /* 取消选择逻辑 */ }) {
            Text("取消")
        }
    },
    datePickerColors = customDatePickerColors
) {
    DatePicker(state = rememberDatePickerState())
}

补充说明 #

如果希望全局修改所有DatePicker的导航按钮颜色，可以在应用主题的colorScheme中调整onSurfaceVariant的值（默认导航按钮颜色使用该主题色），但这会影响其他依赖onSurfaceVariant的组件，按需选择即可：

@Composable
fun YourAppTheme(
    darkTheme: Boolean = isSystemInDarkTheme(),
    content: @Composable () -> Unit
) {
    val colorScheme = if (darkTheme) {
        DarkColorScheme(
            onSurfaceVariant = Color(0xFFyour_color_code) // 修改全局颜色
        )
    } else {
        LightColorScheme(
            onSurfaceVariant = Color(0xFFyour_color_code) // 修改全局颜色
        )
    }

    MaterialTheme(
        colorScheme = colorScheme,
        typography = Typography,
        content = content
    )
}

内容的提问来源于stack exchange，提问作者collapseCorpse