Posts

Ionic 2 Cordova - Speed up the boot and initial time for your app

Issue: If you are facing the issue loading time of Ionic 2 app is too slow and too long, could be 20 second or higher, you should do following steps Fix: - Enable production mode for your app, in main.ts: import {enableProdMode} from '@angular/core'; enableProdMode(); bootstrap(....); - Remove development plugin while build, like console cordova plugin rm cordova-plugin-console - Build app with --prod cordova build --prod --release android Enjoy!

Ionic 2 is now Desktop Ready

Image
Email from Ionic Team: New Split Pane and more, Ionic 2.2.0 is out! You thought the grid was great? This isn’t even our final form. Why hello you amazing people, we’ve got some exciting updates and news to share from the front lines of Ionic development. Ionic 2.2.0, the best Ionic yet ? Keeping the momentum going, we’re happy to announce that Ionic 2.2.0 is out . This includes some bug fixes, as well as two key features: Split Pane component Update to Angular 2.4.8 support Now one of these features is a lot cooler than the other…so let’s go over the Split Pane. Split Pane for responsive apps One of the most requested features when we started working on Ionic 2.x was split pane, or adding the ability to create two views on larger screen sizes. Now this was available in Ionic 1.x as expose-aside-when , but was heavily tied to the ion-side-menu . This made it really limited in terms of functionality. With Split Pane in 2.x, we’ve rethought how this should be done t

Ionic 2: capture screenshot and social sharing

In Ionic 2, if you want to capture screenshot and send it or share it via Social Network, you can follow these steps below: // First import import  {  Screenshot  }  from   '@ionic-native/screenshot' ; import  {  SocialSharing  }  from   '@ionic-native/social-sharing' ; // Second in constructor constructor (         // ....          private   screenshot :  Screenshot ,          private   socialSharing :  SocialSharing ,         //....     ) {     } // Now do it // Share Facebook this . screenshot . URI (). then (( res )  =>  {                          this . socialSharing . shareViaFacebookWithPasteMessageHint ( body ,  res . URI ,  link ,  bodyHint ). then (()  =>  {});                     }); // share via twitter this . screenshot . URI (). then (( res )  =>  {                          this . socialSharing . shareViaTwitter ( body ,  res . URI ,  link ). then (()  =>  {});                     }); // Shar

Ionic 2 Angular 2 Cordova Fix: Application Error - The connection to the server was unsuccessful. (file:///android_asset/www/index.html)

Image
Issue: Ionic 2 Angular 2 Cordova Fix: Application Error - The connection to the server was unsuccessful. (file:///android_asset/www/index.html) Fix: This error occurs because the loadUrlTimeout which is the time that android will wait until your app send to it your files, is too short and your controller is too heavy to respond with a 200 status in this interval. Put on your config.xml this: <preference name="loadUrlTimeoutValue" value="700000"/> For example: < splash   src = "resources\android\splash\drawable-port-xxhdpi-screen.png"   density = "port-xxhdpi" /> < splash   src = "resources\android\splash\drawable-port-xxxhdpi-screen.png"   density = "port-xxxhdpi" /> < preference   name = "loadUrlTimeoutValue"   value = "700000"   />