다크모드에서 키보드 활성화 시 흰 배경이 보이는 문제

키보드 백드롭이란?

 

키보드 활성화 시 잠깐 생기는 임시 여백을 키보드 백드롭이라고 한다.

 

 

키보드 백드롭 색 설정

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="light">#F9F9F9</color>
    <color name="dark">#222329</color>
</resources>

키보드 백드롭의 색은 컬러 리소스로 지정해야 하기에

res/color에서 라이트모드와 다크모드 배경색을 추가한다.

 

@AndroidEntryPoint
class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            val keyboardBackDropColor = if (!isSystemInDarkTheme()) R.color.light else R.color.dark
            window.decorView.setBackgroundResource(keyboardBackDropColor)
            EscapeAnchovyTheme {
                Surface(color = CustomTheme.colors.background) {
                    MyApp()
                }
            }
        }
    }
}

테마별로 키보드 백드롭 색을 적용해주면 해당 문제를 해결할 수 있다.