ionic3 笔记

1.设置状态栏颜色

statusBar.styleLightContent();

splashScreen.hide();

statusBar.overlaysWebView(false);

statusBar.backgroundColorByHexString('#003366');

2.修改软键盘的回车键变为搜索键

<form action="">

<ion-searchbar [(ngModel)]="search_content" (search)="search()" name="search" placeholder="搜索" ></ion-searchbar>

</form>

3. 修改返回按钮事件

 this.navBar.backButtonClick = (e: UIEvent) => {

 }

3.修改返回按钮文字

this.navbar.setBackButtonText("首页");

4.允许文本复制

在app.scss里面加上一段代码：

body{

-webkit-user-select:text;

-moz-user-select:text;

-ms-user-select:text;

user-select:text;

}

4.ios设置状态栏高度

index.html <meta></meta>里加上viewport-fit=cover

5.解决ionic2/ionic3轮播图切换页面或者点击过后不自动轮图

首先在运用到轮播图的component中引入

import{ViewChild} from'@angular/core';

import{Slides} from'ionic-angular';

然后

@ViewChild(Slides)slides: Slides;//解决切换其他页面回去轮播图不动问题

ionViewWillEnter(){

       this.slides.startAutoplay();

}

ionViewWillLeave(){

      this.slides.stopAutoplay();

}

作者：Blank_ac1b
链接：https://www.jianshu.com/p/08c10ddf76bc