ionic3手机状态栏显示异常，只显示电池

最新推荐文章于 2019-03-05 16:35:02 发布
最新推荐文章于 2019-03-05 16:35:02 发布
阅读量451 收藏
点赞数
分类专栏： 前端 ionic 文章标签： ionic3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37705048/article/details/85789585
版权

如图所示：

         

第一张是显示异常只显示了电池的图。第二张是解决后正常的图

卸载statusbar的插件：ionic cordova plugin rm cordova-plugin-statusbar

重新安装statusbar插件：ionic cordova plugin add cordova-plugin-statusbar@2.2.1

然后重新打包在查看就正确了

Ionic透明的状态栏和工具栏的完美结合
08-11
Ionic透明的状态栏和工具栏的完美结合, ionic Material Design设计之黑科技
ionic 状态栏显示异常 statusBar
weixin_34050005的博客
01-14 449
从主分支上新建一个分支开发另一个app, 生成之后手机上显示状态栏异常, 如下图, 只显示了电池的色块, 百思不得其解啊. 各种猜测无果, 对比config.xml, 发现statusBar插件版本不一样, 果断使用之前的2.2.1, 问题解决了, 嗨森. ionic cordova plugin remove cordova-plugin-statusbar ionic cordova plug...
ionic3 遇到的问题
ZillahV06的博客
11-07 283
1、ionic 自带启动图全屏，进入页面后有状态栏：    1、利用AS 修改AndroidManifest.xml中 为：           android:theme="@android:style/Theme.DeviceDefault.NoActionBar.Fullscreen"  2、在app.component.ts 中加入状态栏显示：        platform.r...
ionic3实现透明导航栏
Dan_2017
01-04 2504
这里实现透明导航栏，并且
ionic3沉浸式状态栏
l888c的专栏
03-05 1633
按照官网https://ionicframework.com/docs/v3/native/status-bar/安装使用插件 安装完成后发现进入app后状态栏透明显示，确不是所要的效果，如下图 百度参考https://blog.csdn.net/u010730897/article/details/74450922 使用Android Studio打开项目，修改插件StatusBar....
ionic 全屏显示，隐藏状态栏StatusBar
兰色的fire
07-11 6867
ionic项目会默认添加 cordova-plugin-statusbar 插件，可以控制状态栏 cordova官网链接如下： https://github.com/apache/cordova-plugin-statusbar 所以，是可以按照如上的方法去操作 但是，千万不要用ionic官网的npm引用方式，会报错！ 就是这个 npm install --save @ionic-
Ionic3-D3-Chart:Ionic3 D3.js
05-15
【标题】"Ionic3-D3-Chart：使用D3.js在Ionic3框架中的图表应用" 【描述】"这个项目展示了如何在Ionic3框架内集成D3.js库来创建动态、交互式的图表。它是一个Android APK应用程序，允许用户在移动设备上体验基于D3...
ionic3监听并修改手机物理返回键和自带导航回退解决方案
04-27
通过以上方法，我们可以有效地监听和处理 Ionic 3 应用中的手机物理返回键事件，同时优化导航回退功能。确保在不同的场景下（如子页面、弹出框、多层回退）提供一致且符合用户预期的导航体验。了解和掌握这些技巧...
ionic3项目
06-08
**Ionic 3 项目详解** 本文将深入探讨 Ionic 3 框架，以及如何在自己的项目中使用和运行一个基于 Ionic 3 的代码库。Ionic 是一款流行的开源框架，用于构建跨平台的移动应用程序，它基于 AngularJS 和 Apache ...
ionic3中android状态栏
纸飞机的博客
07-02 4137
ionic3状态栏android、iosandroid在ionic3中，文档中针对config.xml的StatusBar状态栏的设置只能针对于ios端,android端的设置只能通过其他方式修改，如参考网上基于插件js的修改，并不能满足各个机型的适配。可通过向 platform/android/app/src/main/java/io/ionic/starter下添加以下StatusBarCom...
ionic3关于在ios系统头部会顶到状态栏上面的问题
qq_37517311的博客
03-16 3533
最近在做一个影用ionic3写的银行方面的项目，接触这个项目的时间项目基本已经完结，只剩下一些优化工作和页面样式问题；遇到过几个比较印象深刻的问题，本文要说的就是当用ionic3的ModalController组件创建页面后，再在这个页面用this.nav.push()方法跳转到下一个子页面时，这个子页面的头部在ios系统里会顶到状态栏上。解决办法是使用ModalController组件的onDi...
IONIC改变状态栏
银二码的代码博客
09-08 816
1、在app.component.ts引入StatusBar（没有安装的需要安装并且声明，按照道理来说这个是已经安装好的） import { StatusBar } from '@ionic-native/status-bar'; 2、声明变量 statusBar: StatusBar, 3、改变颜色（这里为白色） statusBar.backgroundColorByName('...
cordova-plugin-battery-status监听电池状态
天马3798
01-30 2388
一、cordova-plugin-battery-status 注：本插件可以帮助监听客户端电池状态，主要是电量百分比和是否充电。 1.安装命令： cordova plugin add cordova-plugin-battery-status2.状态监听事件batterystatus，程序启动后触发或电量更改时触发或者，插入拔出充电适配器触发 window.addEventListene
Ionic3 透明导航栏、渐变导航栏
待花开花谢的博客
10-10 5551
在ionic中实现透明导航栏非常简单，主要用到三个属性:1、no-border2、transparent3、fullscreen先来看看效果图： 实现代码：<ion-header no-border>//加入no-border让header无边框 <ion-navbar transparent>//加入transparent让header透明 <ion-title>
ionic ---- 控制ios状态栏的显示，隐藏，颜色
liayn523的博客
03-24 5842
前段时间在ionic项目中遇到这样的问题，ios的导航栏隐藏被手机的状态栏遮挡住了，解决方法： 1.安装插件： cordova plugin add org.apache.cordova.statusbar 2.检查index文件中，是否引入了 script src="cordova.js">script> 3.在项目app.js文件夹中，加入如下的js代
Ionic3--Android手机状态栏实现沉浸式效果（即透明悬浮状态）
蜗壳
03-01 3373
先来对比一下几种状态栏的效果： 图1:初始化项目时的效果 图2: 改变背景色和字体颜色后的效果 图3:实现沉浸式透明悬浮后的效果 简单介绍一下ionic的StatusBar中的一些属性，具体内容请参见Ionic官方文档（https://ionicframework...
Ionic2 隐藏状态栏，全屏， 禁止旋转，保持横屏
Robert Zhang
03-16 7165
一、隐藏状态栏 1.安装插件： cordova plugin add cordova-plugin-fullscreen 2.修改config.xml文件 "android"> ... "Fullscreen" value="true" /> ...   3.在app.component.ts文件里加入引用； import { Nav, Platform } from 'i
Cordova常用插件简介
AllenLi的博客
10-26 6556
Cordova常用插件简介最近研究的混合移动应用开发，PhoneGap在使用过程中经常用的插件给大家一个简介。还有很多插件大家可以去点击这里查找 插件名 插件属性 插件用法 cordova-plugin-app-version 获取当前应用的版本号 https://www.npmjs.com/package/xenious-cordova-plugin-app-version
ionic1 ios11 电池栏适配
strong90的博客
02-27 895
cordova plugin add cordova-plugin-disable-ios11-statusbar
Ionic 3 Android环境搭建与打包详述
本文档详细阐述了如何在Ionic 3环境中进行Android应用的开发与打包流程。首先，我们从基础的Android开发环境搭建开始： 1. **安装JDK**: 安装Java Development Kit (JDK) 是进行Android开发的前提，从Oracle官网...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值