ionic 状态栏显示异常 statusBar

最新推荐文章于 2019-11-23 13:20:43 发布
最新推荐文章于 2019-11-23 13:20:43 发布
阅读量429 收藏
点赞数

从主分支上新建一个分支开发另一个app, 生成之后手机上显示状态栏异常, 如下图, 只显示了电池的色块, 百思不得其解啊. 各种猜测无果, 对比config.xml, 发现statusBar插件版本不一样, 果断使用之前的2.2.1, 问题解决了, 嗨森.

ionic cordova plugin remove cordova-plugin-statusbar
ionic cordova plugin add cordova-plugin-statusbar@2.2.1

213419-20180114182222941-1517994832.png
213419-20180114182819347-10610813.png

weixin_34050005
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ionic 全屏显示，隐藏状态栏StatusBar
兰色的fire
07-11 6808
ionic项目会默认添加 cordova-plugin-statusbar 插件，可以控制状态栏 cordova官网链接如下： https://github.com/apache/cordova-plugin-statusbar 所以，是可以按照如上的方法去操作 但是，千万不要用ionic官网的npm引用方式，会报错！ 就是这个 npm install --save @ionic-
ionic3手机状态栏显示异常，只显示电池
qq_37705048的博客
02-22 411
如图所示：           第一张是显示异常只显示了电池的图。第二张是解决后正常的图 卸载statusbar的插件：ionic cordova plugin rm cordova-plugin-statusbar 重新安装statusbar插件：ionic cordova plugin add cordova-plugin-statusbar@2.2.1 然后重新打包在查看就正确了...
ionic1 ios11 statusBar
strong90的博客
08-22 514
ionic1 ios11 statusBar  会出现高度不对的情况，head和状态栏重叠 <main.html>中添加 <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, ...
ionic cordova 控制iOS状态栏的显示，隐藏，颜色
egoist1925的博客
04-13 3208
Cordova 插件地址： http://plugins.cordova.io/ 访问, 您可以在其中搜索cordova插件，搜下statusbar: 在命令终端: sudo cordova plugin add org.apache.cordova.statusbar StatusBar.styleDefault 状态栏默认样式，也就是电池信
ionic3 StatusBar 不显示问题
weixin_30439131的博客
10-31 335
import { StatusBar } from '@ionic-native/status-bar'; constructor(private statusBar: StatusBar) { } ... platform.ready().then(() => { statusBar.styleDefault(); splashScreen...
Android4.4之后改变状态栏statusbar背景色
09-02
在Android开发中，自4.4版本（KitKat）开始，系统引入了透明状态栏（Translucent Status Bar）的功能，允许应用的内容延伸到状态栏下方，提供了更沉浸式的用户体验。这个特性同时也带来了自定义状态栏颜色的需求。...
Ionic透明的状态栏和工具栏的完美结合
08-11
在 Ionic 应用中，我们可以通过配置 ion-header-bar 和 ion-footer-bar 来创建自定义的工具栏，同时利用StatusBar插件来调整状态栏的样式。 实现透明状态栏的关键在于使用StatusBar插件。这个插件是Cordova的一部分...
ionic配合ion-nav-bar的导航右侧按钮指令
07-07
ionic1 嵌套路由，用ion-nav-bar和ion-view来实现页面回退，导致不能个性化的设置导航右侧按钮，这个指令基于angular1实现个性化定制右侧按钮，
seed-ionic:具有gulp lesssass temlateCache和透明statusbar的离子项目种子
05-11
Ionic seed An Ionic project seed already use: ...transparent statusbar will use: sass replace less JS compression technology 初始化plugin 在www/lib目录下获取自定义插件(plugin)git地址： ...
ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案
10-21
在构建Ionic应用时，我们经常遇到需要在特定页面或多级目录中隐藏底部导航栏（tabs）的需求。这是因为底部导航栏通常用于展示主要的页面，而在深入的子页面中，这些导航元素可能不再适用或者会干扰用户体验。本文将...
Hide StatusBar and fullscreen with Ionic 2 and Cordova
voyager3的博客
06-01 4119
In some cases, we want to hide the status bar while developing our app. Here we will show you how can we hide the status bar with Ionic 2.
ionic3中设置状态栏背景色和字体颜色
weixin_37582804的博客
11-19 926
constructor( private platform: Platform, private statusBar: StatusBar, private splashScreen: SplashScreen, private userAuth: AuthProvider, private keyboard:Keyboard, private ionicApp: IonicApp, priva...
IONIC改变状态栏
银二码的代码博客
09-08 779
1、在app.component.ts引入StatusBar（没有安装的需要安装并且声明，按照道理来说这个是已经安装好的） import { StatusBar } from '@ionic-native/status-bar'; 2、声明变量 statusBar: StatusBar, 3、改变颜色（这里为白色） statusBar.backgroundColorByName('...
ionic 状态栏设置 android、ios差异
杨采臣的官方博客
03-30 5028
首先使用到的对象是: ionic.Platform 关于此对象的详细解释请直接查看官方文档（可以使用谷歌浏览器自带的翻译功能查看）： http://ionicframework.com/docs/api/utility/ionic.Platform/ 主要涉及到其中的两个该对象的方法： 1.showStatusBar(shouldShow)  显示或隐藏设备状态栏（在Cordova中）
Ionic4设置沉浸式状态栏
僵小蛋的博客
11-23 1646
设置沉浸式状态栏体验比较好，而且有些页面设计需要频繁的改变状态栏的颜色，如果不使用沉浸式，就需要页面离开和进入单独设置状态栏背景色，这就导致会有一个非常明显的过度问题，但是使用沉浸式就可以避免这个问题，因为沉浸式状态下状态栏是透明的，只需要设置ion-header的背景色就可以了。 app.component.ts中设置： this.statusBar.styleLightContent(); /...
Ionic3--Android手机状态栏实现沉浸式效果（即透明悬浮状态）
蜗壳
03-01 3231
先来对比一下几种状态栏的效果： 图1:初始化项目时的效果 图2: 改变背景色和字体颜色后的效果 图3:实现沉浸式透明悬浮后的效果 简单介绍一下ionic的StatusBar中的一些属性，具体内容请参见Ionic官方文档（https://ionicframework...
状态栏和导航栏重叠，解决办法
亮京京的博客
06-28 7028
最近使用网页加载一个视频，工程中设置为竖屏方式。 全屏播放后，旋转手机，会横屏全屏播放视频。播放完成，点击done按钮，会自动返回横屏，此时导航栏上移了。 状态栏挡住了返回按钮。。。 解决办法： 在响应的VC里添加下面的方法。出现此VC时都会调用此方法。 - (BOOL)prefersStatusBarHidden{     if (_isFirst == NO) {
cordova-plugin-statusbar状态栏设置整理
热门推荐
天马3798
02-27 2万+
一、Cordova StatusBar简介 1.全局对象StatusBar 提供了修改设备状态栏的方法，需要在deviceready事件之后使用。 2.iOS中接口都支持，Android支5.0以下版本持的相对较少，仅支持状态栏的显示show()和隐藏hide()。 3.这个插件可以控制显示、隐藏、设置状态栏背景色等简单操作 4、官方文档：http://cordova.apache.org
ionic ---- 控制ios状态栏的显示，隐藏，颜色
liayn523的博客
03-24 5804
前段时间在ionic项目中遇到这样的问题，ios的导航栏隐藏被手机的状态栏遮挡住了，解决方法： 1.安装插件： cordova plugin add org.apache.cordova.statusbar 2.检查index文件中，是否引入了 script src="cordova.js">script> 3.在项目app.js文件夹中，加入如下的js代
ionic-angluar怎么打开手机的图库并在页面中显示
最新发布
04-29
要在 Ionic-Angular 应用程序中打开手机的图库并在页面中显示图像，可以使用 Cordova 插件 "cordova-plugin-filechooser" 和 "cordova-plugin-filepath"。 首先，在终端中进入 Ionic-Angular 项目的根目录，运行...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值