Ionic3.0奇技淫巧（持续更新中)

2019独角兽企业重金招聘Python工程师标准>>>

1、全局自定义返回按钮

    在app.scss文件中，添加如下代码

imports: [
    IonicModule.forRoot(MyApp,{
      backButtonText: '',
      backButtonIcon: 'ios-arrow-back',
      iconMode: 'md'
    })
]

2、ios中，导航栏、状态栏重叠

    IonicModule.forRoot(MyApp, {
      platforms: {
        ios: {
          statusbarPadding: true
        }
      },
      backButtonIcon:'ios-arrow-back',
      backButtonText:'',
      mode: 'ios',
      scrollAssist: false
    }, deepLinkConfig),
    IonicStorageModule.forRoot()
  ],

设置“statusbarPadding: true”解决。

3、路由配置

const deepLinkConfig: DeepLinkConfig = {
  links:[
    { component: MyApp, name: 'MyApp', segment: 'myApp' },
    { component: ContactPage, name: 'ContactPage', segment: 'contactPage' },
    { component: AboutPage, name: 'AboutPage', segment: 'aboutPage/:name/:age', defaultHistory: [ ContactPage ] }
  ]
}

component：组件

segment:路由路径

defaultHistory：上一个页面

4、在pc端部署时压缩www方法：

从终端进入Ionic工程根目录，执行以下命令

npm run ionic:build --prod

5、集成js库注意事项：

1、使用“var dsBridge=require("*****")”前，需要声明“declare function require(path)”方法

转载于:https://my.oschina.net/u/1432769/blog/912691