状态栏黑底白字 + 出入的时候内组件刷新

src/app/app.component.ts

@@ -31,8 +31,8 @@ export class AppComponent {
 
   initializeApp() {
     this.platform.ready().then(() => {
-      this.statusBar.styleDefault();
-      this.statusBar.backgroundColorByHexString('#ffffff00');
+      this.statusBar.styleLightContent();
+      this.statusBar.backgroundColorByHexString('#000000');
       this.statusBar.show();
       this.statusBar.overlaysWebView(false);
       this.splashScreen.hide();

src/app/home/home.page.ts

@@ -4,7 +4,7 @@ import 'web-animations-js/web-animations.min';
 import { toLeft } from '../animations/toLeftAndBack';
 import { toRight } from '../animations/toRightAndBack';
 import { fadeIn } from '../animations/fade-in';
-import { Router, ActivatedRoute } from '@angular/router';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-home',
@@ -14,6 +14,10 @@ import { Router, ActivatedRoute } from '@angular/router';
 })
 export class HomePage implements OnInit {
   @ViewChild(IonSlides) slides;
+  @ViewChild('page_one') page_one;
+  @ViewChild('page_two') page_two;
+  @ViewChild('page_three') page_three;
+  @ViewChild('page_four') page_four;
   options = {
     speed: 1000,
     allowTouchMove: false
@@ -45,6 +49,13 @@ export class HomePage implements OnInit {
     });
   }
 
+  ionViewWillEnter () {
+    this.page_one.ngOnInit();
+    this.page_two.ngOnInit();
+    this.page_three.ngOnInit();
+    this.page_four.ngOnInit();
+  }
+
   slideOnChange() {
     this.slides.getActiveIndex().then((index) => {
       this.changeIndex(index);

src/app/main/page-four/page-four.component.ts

 import { Component, OnInit } from '@angular/core';
-import { ApiService } from '../../service/api.service';
-import { TransferService } from '../../service/transfer.service';
+import {ApiService} from '../../service/api.service';
+import {TransferService} from '../../service/transfer.service';
 
 @Component({
     selector: 'app-page-four',
@@ -10,7 +10,9 @@ import { TransferService } from '../../service/transfer.service';
 export class PageFourComponent implements OnInit {
 
     user: any = {};
-  constructor(private api: ApiService, private tf: TransferService) { }
+
+    constructor(private api: ApiService, private tf: TransferService) {
+    }
 
     ngOnInit() {
         this.getSelfInfo();