PhoneGap中文网

标题: ionic的顶部导航栏，在手机端显示具体顶部太近了，怎么修？ [打印本页]

作者: unclejoker 时间: 2016-4-25 19:37
标题: ionic的顶部导航栏，在手机端显示具体顶部太近了，怎么修？
除了强制重新修改高度，还有别的方法吗？
把phonegap上的模板下来看后，在手机中打开，它能自己适应手机端，顶部空出一部分，效果刚好，请教大神，这是为什么？

作者: ionicwang 时间: 2016-4-25 20:00
本帖最后由 ionicwang 于 2016-4-25 20:01 编辑

你用ionic创建项目的话里面有状态栏插件

状态栏插件会自己帮你适应

if (window.StatusBar) {
//org.apache.cordova.statusbar required
StatusBar.styleLightContent();
}

作者: unclejoker 时间: 2016-4-25 20:47

ionicwang 发表于 2016-4-25 20:00
你用ionic创建项目的话里面有状态栏插件

状态栏插件会自己帮你适应

这代码，创建ionic项目时候就在了啊，但是效果还是没有。。。。

作者: ionicwang 时间: 2016-4-26 08:55

unclejoker 发表于 2016-4-25 20:47
这代码，创建ionic项目时候就在了啊，但是效果还是没有。。。。

新建一个ionic项目试试 1.状态栏插件得安装 2.得写上面的代码

作者: unclejoker 时间: 2016-4-26 13:03
本帖最后由 unclejoker 于 2016-4-26 19:42 编辑

ionicwang 发表于 2016-4-26 08:55
新建一个ionic项目试试 1.状态栏插件得安装 2.得写上面的代码

我原先是通过下面的代码创建的项目

$ sudo npm install –g cordova
$ cordova create hello com.example.hello "HelloWorld"
$ cd hello $ cordova platform add ios
$ cordova prepare # or "cordova build"

复制代码

现在用下面的代码创建ionic项目，顶部是自适应的

ionic start myproject
cd myproject
ionic platform add ios
ionic build ios
ionic emulate ios

复制代码

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)