apiCloud 状态栏的设置

本文介绍了apiCloud中三种状态栏设置方式:1.沉浸式,需在config.xml配置并注意编译模式;2.普通模式,可通过设置状态栏背景颜色实现;3.全屏模式,可在控制台直接设置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

手机状态栏展示方式有两种,今天就记录下两种状态栏设置方式

1沉浸式

在config.xml中写入下面代码,安卓和ios就可以实现沉浸式了。

<preference name="statusBarAppearance" value="true" />

 注意:需要编译成自定义loader或者编译成测试版才有效果。有时候代码没有问题,编译成功了却没有效果,你可以随意添加一个模块后重新编译

设置为沉浸式后你会发现布局被状态栏遮挡住了,官方也提供了相应的解决方法。在每个html页面设置

api.fixStatusBar($api.dom("header")); //padding-top: 20px; 沉浸式状态栏

 

如果你只想设置ios应用为沉浸式,可以通过下面的方式进行设置。只有iOS7以上有效果。如果设置了statusBarAppearance,则下面代码无效

<preference name="iOS7StatusBarAppearance" value="true" />
$api.fixIos7Bar($api.dom("header")); //padding-top: 20px; 沉浸式状态栏

 

2 普通模式

如果你不想让状态栏有半透明的沉浸式效果,那我这里还有更粗暴的方式,直接设置状态栏背景颜色,个人认为普通式是最好看的,也是最方便的。直接在html页面设置

api.setStatusBarStyle({
    style: 'dar
评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值