pengkobe / reading-notes

:stars: to record daily reading notes. I build an issue blog to record daily FE study notes. suggestion and comments are welcomed.
https://github.com/pengkobe/reading-notes/issues
MIT License
13 stars 1 forks source link

android 手机刘海适配 #498

Open pengkobe opened 5 years ago

pengkobe commented 5 years ago

之前有讨论过适配 IOS 刘海,没想到,这刘海马上就流行到了所有 Android 手机,刚开始时大家一起说丑,结果还是扭不过潮流。

和适配 iPhoneX 一样,还是得按照 statusbar 插件,然后在初始化完成之后,加入以下代码就 ok:

if (window.StatusBar) {
    window.StatusBar.overlaysWebView(true);
}

此代码的意思是使状态栏悬浮在你的 app 上,不过没那么简单,你会发现你的 app 标题栏会和系统状态栏会有重合问题,你还得对标题栏做样式适配才行。

此外,当键盘弹出时,不会自动 resize