我使用的是MAC OS 10.13
ionic info
cli packages: (/usr/local/lib/node_modules)
@ionic/cli-utils : 1.19.2
ionic (Ionic CLI) : 3.20.0
global packages:
cordova (Cordova CLI) : 8.0.0
local packages:
@ionic/app-scripts : 3.1.8
Cordova Platforms : android 6.3.0
Ionic Framework : ionic-angular 3.9.2
System:
Node : v8.11.0
npm : 5.6.0
OS : macOS High Sierra
Environment Variables:
ANDROID_HOME : not set
Misc:
backend : pro
authphone.html
<ion-header>
<ion-navbar>
<ion-title>authphone</ion-title>
</ion-navbar>
</ion-header>
<ion-content text-center overflow-scroll="false">
<ion-row>
<ion-card>
<ion-card-content>
<ion-row>
<ion-item>
<ion-label color="primary" stacked>country</ion-label>
<ion-select class="selectwidth" [(ngModel)]="selectedCountry">
<ion-option *ngFor="let country of countries">{{country.name}}</ion-option>
</ion-select>
</ion-item>
<ion-item>
<ion-label color="primary" stacked>phone</ion-label>
<ion-input class="center-button" type="text" [(ngModel)]='phone' placeholder="except -" autofocus></ion-input>
</ion-item>
</ion-row>
</ion-card-content>
<ion-row>
config.xml add this
<preference name="KeyboardDisplayRequiresUserAction" value="false" />
AuthphonePage.ts
@IonicPage()
@Component({
selector: 'page-authphone',
templateUrl: 'authphone.html',
})
export class AuthphonePage {
username:string;
phone:string;
constructor(public navCtrl: NavController, public navParams: NavParams,private http:HttpClient,private fcm: FCM) {
this.username = navParams.get('username');
}
ionViewDidLoad() {
console.log('ionViewDidLoad AuthphonePage');
}
运行此代码首次聚焦离子输入并显示键盘
但它瞬间隐藏和集中注意力 .
如何保持焦点和键盘?
我想将离子卡含量或离子含量设置为垂直中心怎么样?
请帮助