Ionic学习日记2：制作登陆页面遇到的各种小问题

实现同一行的两组文字位居两侧

效果图.png

1、第一种方法（这个方法不是特别好，会出现稍微的不对称问题）

      
        
          

        
        
          手机注册
        
        
          忘记密码
        
      

2、第二种方法

  
    

      手机注册
    
    

      忘记密码
    
  

实现顶端的导航栏文字居中

效果图.png

在中添加 mode="ios"即可

  
     ACTIVITY
  

实现页面的跳转功能

首先进入项目里

cd myApp

在命令提示符当中输入

ionic g page RegPage

等待片刻新的页面就建好了，在home.html（第一个页面）中添加

   跳转

在home.ts中添加

 testNewPage(){
     this.navCtrl.push(RegPage)
}

注意导入RegPage的包

import { RegPage } from '../reg/reg';

然后在src/app/app.module.ts这个文件中，分别在declarations和entryComponents中添加RegPage，同样不要忘记导入包

添加前

declarations: [
    MyApp,
    HomePage
]

entryComponents: [
    MyApp,
    HomePage
 ]

添加后

declarations: [
    MyApp,
    HomePage,
    RegPage
]

entryComponents: [
    MyApp,
    HomePage,
    RegPage
 ]

然后运行项目查看即可

打开ionic的app白屏或者黑屏情况

app再打开的时候一定会出现加载时间，目前遇到的情况，最快都要3秒的加载时间才能进去应用，所以最重要的是将app等待的时间改成用户能接受的界面，我这边添加了这一段代码到config.xml当中，这样的话直到app加载完之前都是那个ionic圈圈在转，转完就可以进去app了

打开ionic的时候出现报错什么什么xml

貌似是ionic组件未加载完就进入app所出现的错误，所以加入这一段代码，让他加载时间多一点