iOS暗黑模式下键盘外观未适配深色的开发问题咨询

问题1解答 #

iOS系统的键盘暗黑模式适配需要开发者手动实现，不会像Android一样默认跟随系统设置自动生效。
iOS 13及以上系统提供了跟随系统自动切换的键盘样式枚举，但需要开发者主动配置才会生效，未配置的情况下键盘默认始终为浅色外观。

问题2解答 #

你原有代码未生效的核心原因是你使用的CDVIonicKeyboard插件会在输入框触发聚焦时，主动覆盖全局UITextField的外观配置，且你设置的UIKeyboardAppearanceDark是强制固定深色，无法跟随系统动态切换。
可通过以下两种方案实现适配：

方案1：通过JS调用插件API实现（无需修改原生代码） #

CDVIonicKeyboard提供了动态设置键盘外观的JS接口，你可以监听系统暗黑模式切换事件，动态修改键盘样式：

// 监听系统外观变化
const darkModeQuery = window.matchMedia('(prefers-color-scheme: dark)')
function updateKeyboardAppearance() {
  if (darkModeQuery.matches) {
    cordova.plugins.Keyboard.setKeyboardAppearance('dark')
  } else {
    cordova.plugins.Keyboard.setKeyboardAppearance('light')
  }
}
// 初始化时执行一次
updateKeyboardAppearance()
// 绑定变化监听
darkModeQuery.addEventListener('change', updateKeyboardAppearance)

如果希望直接让键盘完全跟随系统自动切换，也可以直接调用cordova.plugins.Keyboard.setKeyboardAppearance('auto')，该参数对应iOS原生的UIKeyboardAppearanceAutomatic枚举。

方案2：修改插件原生代码实现全局生效 #

如果你需要全局统一适配，不需要JS层动态控制，可以直接修改CDVIonicKeyboard插件的原生源码：

1. 找到插件目录下的CDVIonicKeyboard.m文件
2. 找到插件处理键盘外观设置的代码段，将固定的外观配置替换为自动模式：

// 替换原有键盘外观设置代码
UITextField *textField = [self findFirstResponderInView:self.webView];
if (@available(iOS 13.0, *)) {
    textField.keyboardAppearance = UIKeyboardAppearanceAutomatic;
} else {
    // iOS13以下系统如果需要适配暗黑模式，可以按需设置为深色或浅色
    textField.keyboardAppearance = UIKeyboardAppearanceDefault;
}

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