Tag:

ionic 3

How to replace the default search icon with a custom Ionicon in an Ionic 3 Searchbar

The icon for the Ionic 3 Searchbar is a hard-coded SVG written in SCSS rules. In particular, they are saved under the following variables:

$searchbar-ios-input-search-icon-svg: "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'>
  <path fill='fg-color' d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1 M5,0C
Read more

Hack to make Ionic 3 Menu component static (keeping the menu open and ignoring backdrop and content clicks)

The current behaviour of the Ionic 3 Menu component doesn’t allow the menu to stay open if the user interacts with other content in the app.

There are a couple of reasons to want a static menu, with the content still in full view:

  • Desktop web apps have sufficient space to show a menu and content simultaneously and we want a drawer to mimic a SplitPane
  • Mobile
Read more

Subtle Ionic 3 gotchas: don’t import and push the page module you are trying to load lazily

With a page you want to be loaded lazily and not eagerly, don’t fall into the subtle trap of trying to push the module onto the stack rather than just the name of the module as a string.

In your page you wanted to have lazy loading, you probably added the decorator (or ionic CLI may have generated this for you):

@IonicPage()

right before:

@Component

In these … Read more

Offline speech recognition in Android will fail immediately if the language input and voice input do not match

If your Android app uses speech recognition (i.e. enables the RecognizerIntent EXTRA_PREFER_OFFLINE), you may run into an issue where the offline recognition immediately fails even though you have the offline language files installed on your device.

Ensure that the language input in Keyboard & Language settings and in the Google Voice Input (whic… Read more

cordova-plugin-stripe 1.5.3 manifest merger will fail with update to com.support.android to 26.0.0

If you’ve recently upgraded your Android SDK and end up getting these errors in your Ionic/Cordova projects, you may need to install the cordova-android-support-gradle-release plugin (via cordova plugin add):

Manifest merger failed : Attribute meta-data#android.support.VERSION@value value=(25.3.1) from [com.android.support:appcom
Read more

Ionic 3: ionic start -n … if you use spaces in the project name, npm dependencies will not install

Just a warning for those migrating to or starting to develop with Ionic 3 framework, if you create a new project with illegal characters in a package.json “name”, npm dependencies will not install.

You might encounter an error right away when performing “ionic serve” or “ionic cordova run” like:

Error: Cannot find 
Read more