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
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