Ionic framework 全屏查看爱奥尼亚移动应用程序

我有一个爱奥尼亚移动应用程序。我在移动浏览器上运行。它有一个静态标题。即使在向下滚动时，我也需要隐藏该web应用程序的地址栏，但这不会发生

它的标题如下所示

<meta name="viewport" 
      content="initial-scale=1, 
      maximum-scale=1, 
      user-scalable=no, 
      width=device-width">

它在本机移动浏览器上运行。我使用控制台构建了这个应用程序。

---

因此，请帮助我隐藏地址/标题栏并像facebook或其他web应用程序一样运行

您可以安装statusbar插件：

$ cordova plugin add org.apache.cordova.statusbar

或：

并隐藏状态栏：

StatusBar.hide（）

更多信息和一个可用的应用程序

离子2的更新

在爱奥尼亚2中，事情有点复杂。
我们仍然需要安装，但需要从ionic native导入statusbar：

import {StatusBar} from 'ionic-native';

import {StatusBar} from 'ionic-native';


import {App, Platform} from 'ionic/ionic';
import {HomePage} from './home/home';
import './app.scss';

import {StatusBar} from 'ionic-native';

@Component({
 templateUrl: 'home.html'
})
export class MyApp {
 constructor(platform: Platform) {
  this.platform = platform;
  this.initializeApp();
  this.root = HomePage;

   }

 initializeApp() {
   this.platform.ready().then(() => {
   StatusBar.hide();
   });
  }
  }

主类大致如下所示：

import {App, Platform} from 'ionic/ionic';
import {HomePage} from './home/home';
import './app.scss';

import {StatusBar} from 'ionic-native';

@App({
  template: `
    <ion-nav [root]="root"></ion-nav>
    <ion-overlay></ion-overlay>
  `,
})
export class MyApp {
  constructor(platform: Platform) {
    this.platform = platform;
    this.initializeApp();
    this.root = HomePage;

  }

  initializeApp() {
    this.platform.ready().then(() => {
      console.log('Platform ready');
      StatusBar.hide();
    });
  }
}

import{App，Platform}来自“离子型/离子型”；
从“/home/home”导入{HomePage}；
导入“/app.scss”；
从“离子本机”导入{StatusBar}；
@应用程序({
模板：`
`,
})
导出类MyApp{
建造商（平台：平台）{
这个平台=平台；
这是.initializeApp（）；
this.root=主页；
}
初始化EAPP（）{
this.platform.ready（）。然后（（）=>{
控制台日志（“平台就绪”）；
StatusBar.hide（）；
});
}
}

该代码是从源代码中借用的。可以找到一个很好的教程。
我遇到了同样的问题，并使用以下代码解决了它：

$ionicPlatform.ready(function() {
  ionic.Platform.fullScreen();
  if (window.StatusBar) {
    return StatusBar.hide();
  }
});

在Ionic 2中，需要安装Cordova插件状态栏，我们需要从Ionic native导入状态栏：

import {StatusBar} from 'ionic-native';

import {StatusBar} from 'ionic-native';


import {App, Platform} from 'ionic/ionic';
import {HomePage} from './home/home';
import './app.scss';

import {StatusBar} from 'ionic-native';

@Component({
 templateUrl: 'home.html'
})
export class MyApp {
 constructor(platform: Platform) {
  this.platform = platform;
  this.initializeApp();
  this.root = HomePage;

   }

 initializeApp() {
   this.platform.ready().then(() => {
   StatusBar.hide();
   });
  }
  }

404? 删除了吗？@zhippenyang:第一个链接已经不存在了，找不到了。对不起，谢谢。但事实上，我正在寻找离子2的插件。你知道吗？我已经更新了答案。可以找到ionic2中状态栏的文档。希望有帮助。谢谢，有帮助。此外，您知道如何隐藏虚拟控件按钮吗？（返回、回家和多任务处理）
import {StatusBar} from 'ionic-native';


import {App, Platform} from 'ionic/ionic';
import {HomePage} from './home/home';
import './app.scss';

import {StatusBar} from 'ionic-native';

@Component({
 templateUrl: 'home.html'
})
export class MyApp {
 constructor(platform: Platform) {
  this.platform = platform;
  this.initializeApp();
  this.root = HomePage;

   }

 initializeApp() {
   this.platform.ready().then(() => {
   StatusBar.hide();
   });
  }
  }