Ionic 处理 iPhone 刘海屏的全屏显示问题

huangapple go评论53阅读模式
英文:

Ionic handle fullscreen in iphone notch

问题

我正在尝试添加一个全屏视图,但刘海区域出现了白色条。

page.html

<ion-content>
  <ion-slides>
    <ion-slide>
        <div/>
    </ion-slide>
    <ion-slide>
        <div/>
    </ion-slide>
    <ion-slide>
        <div/>
    </ion-slide>
    <ion-slide>
        <div/>
    </ion-slide>
  </ion-slides>
</ion-content>

如何将背景图扩展到刘海区域?

英文:

I'm trying to add a fullscreen view but the notch area gets a white bar

Ionic 处理 iPhone 刘海屏的全屏显示问题

page.html

&lt;ion-content&gt;
  &lt;ion-slides&gt;
    &lt;ion-slide&gt;
        &lt;div/&gt;
    &lt;/ion-slide&gt;
    &lt;ion-slide&gt;
        &lt;div/&gt;
    &lt;/ion-slide&gt;
    &lt;ion-slide&gt;
        &lt;div/&gt;
    &lt;/ion-slide&gt;
    &lt;ion-slide&gt;
        &lt;div/&gt;
    &lt;/ion-slide&gt;
  &lt;/ion-slides&gt;
&lt;/ion-content&gt;

how do I extend the background image to the notch area?

答案1

得分: 2

添加状态栏偏好设置

<preference name="StatusBarStyle" value="color" />
英文:

Add preference for staus bar

&lt;preference name=&quot;StatusBarStyle&quot; value=&quot;color&quot; /&gt;

huangapple
  • 本文由 发表于 2020年1月3日 18:23:42
  • 转载请务必保留本文链接:https://go.coder-hub.com/59576845.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定