Im building a mobile application with Ionic 3.9, i faced an issue using the ionic icons.
when i used the icon square-outline it displays another icon compass-outline as follows:
This is the code in html:
<ion-icon name="square-outline"></ion-icon>
This issue is only in IOS, it works fine in Android.
Related
I am developing an app, and it works 100% in android. In IOS I have 2 issues:
refresher does not work
<ion-refresher slot="fixed" #ionRefresh="doRefresh($event)">
there is a flicker when I touch the screen (may be related to background? I read some old posts about that)
ion-content.background{
--background: url(/bg.png) 0 0/100% 100% no-repeat;
}
I don't believe its relevant to this issue, but I am using vuejs.
I tested in various desktop browsers and it works as well.
So, we had 2 things here, and I thank #johnborges for following up
it was necessary to add the pullingIcon
link for Ionic docs
and the relevant paragraph
Using the iOS native ion-refresher requires setting the pullingIcon
property on ion-refresher-content to the value of one of the available
spinners. See the Spinner Documentation for accepted values. The
pullingIcon defaults to the lines spinner on iOS. The spinner tick
marks will be progressively shown as the user pulls down on the page.
the flicker, based on this link from stackoverflow I added a CSS DIV element instead of styling ion-content. It worked. I had to do a secodn CSS trick because one of my pages had fullpage slides and padding, but after that it worked
Using IONIC 4 ion-searchbar, I am trying to add cancelButtonText as below which it is not working.
//first way
<ion-searchbar showCancelButton="true" cancelButtonText="Clear"></ion-searchbar>
//second way
<ion-searchbar showCancelButton cancelButtonText="Clear"></ion-searchbar>
Can anyone please provide any solution for this ?
If you are testing the cancelButtonText in Android platform it wont be working because in the ionic documentation of ion-searchbar they have mentioned that the cancelButtonText is only for the IOS platform and they have given the mode as IOS or md for the attributes.So the attributes will be worked based on the mode.
Also I have created the stackblitz so that you can check the example
https://stackblitz.com/edit/ionic-n93fh7?file=pages%2Ftabs%2Ftabs.html
When you change the mode to md in the example cancelButtonText is not working.
You can refer the documentation here ion-searchbar
I've started my app using ionic start myApp tabs.
Now, I'd like to totally remove tabs from the app.
I tried changing startpage but it doesn't work...
Is there some kind of feature like ionic generate remove... ?
Thanks
You can't automatically remove pages with ionic CLI,
However, you can start a blank project with
ionic start myApp2 blank
In the iOS cordova app which i am currently developing the status bar is initially hidden.
Within the app i am accessing Camera and Device Gallery in order to get the images.
for Device Gallery
navigator.camera.getPicture(
successCB,
failCB,
{
quality : 50,
sourceType : Camera.PictureSourceType.PHOTOLIBRARY,
destinationType : Camera.DestinationType.DATA_URL,
correctOrientation : true
});
Whenever i access the device photo gallery plugin, the status bar is visible on top of my app.
Tried using Cordova Status Bar Plugin, used the below code for hiding the status Bar.
StatusBar.hide();
Its doesnt seems to be working.
iOS SDK : 8.1
Any help is highly appreciated.
thanks
the issue is with the success callback of cordova camera plugin.
the below code was not getting executed properly.
StatusBar.hide();
So tried using setTimeout which did the trick as shown below.
setTimeout(function(){ StatusBar.hide();}, 0);
Please refer Cordova Camera plugin iOS Quirks
I am trying to put mapkit in my phonegap (Cordova 2.2) application. I am following all the instructions but when I build the application then I get the white screen with the buttons "show,hide,shrink,zoom,clear" in the bottom of my simulator screen.
Can anyone please help me to how to show the map?
I was having same issue, problem was that I have not entered the plugin name mapkitview in the phonegap.plist file
Also in the js file, sometimes if you have downloaded the older version of plugin, you need to switch between phonegap and cordova as javascript variables.