For some reason my splash spinner is not working in my PhoneGap 2.4 app for iOS but I have
<preference name="ShowSplashScreenSpinner" value="true" />
Are there any basic troubleshooting tips to try and get this working?
I have the same issue, but in PhoneGap 2.5. I just migrated from 2.4 where the spinner used to show up on both: iPad and simulator.
Do you the correct image specifications for splashs creens? Can you see them in XCode project summary ? Please check this and this .
Related
I have a Cordova app (built with react) which renders 3d (.glb) models on my iPhone (using three.js).
It's old, and used Cordova's iOS#5 platform. I updated it to Cordova's newer ios#6 platform, and the .glb files no longer load on the iPhone.
They load fine locally, when run in the browser. but they do not load in the iPhone. If I use the older ios 5, it works fine.
Is there a known reason three.js no longer works in ios6? a plugin that needs to be added? a build setting that must now be added that didn't before?
It's most probably because you were running UIWebView which has been deprecated. Now WKVebView does not allow to load files like UIWebView used to.
You could give a try to this plugin https://github.com/globules-io/cordova-plugin-ios-xhr and then set your preferences to
<preference name="AllowUntrustedCerts" value="true" />
<preference name="InterceptRemoteRequests" value="all" />
<preference name="allowFileAccessFromFileURLs" value="true" />
<preference name="allowUniversalAccessFromFileURLs" value="true" />
Note that this is for iOS 6+
I am trying to implement social login in my ionic 3 app with the help of 'firebase' authentication.
I followed this artical https://javebratt.com/ionic-social-login-firebase/
I installed all the plugins(cordova-plugin-browsertab,cordova-plugin-inappbrowser ..etc)
and did exactly same as in the article.
Then I ran the app on both android and ios devices.
in android device the facebook/google login page is opened in the 'in app browser' and it is redirected to the app successfully after the login process.everything works fine.
But in the iPhone the facebook/google login pages are opened in a new safari browser instance and after the login it redirect to localhost, and it is not redirected back to the application.
can anyone help me with this?
thank you
I believe the issue is related to ionic in iOS now defaulting to WKWebView (http://ionicframework.com/docs/wkwebview/) which has issues with Firebase.
ionic native app URLs in iOS now appear as http://localhost instead of file://assets/.../index.html.
The suggested workaround at this time is to downgrade to UIWebView.
Firebase Auth is looking into a solution for this.
I had the same issue, and changing the webview engine didn't solve it for me.
What worked for me was to add
<allow-navigation href="http://*" />
to config.xml.
I guess this worked for me because that localhost:8080/... link works over http, but I only had https://* allowed in my config.xml before that.
Not sure though why this is not an issue on Android, but hope this helps!
I have the same issue. I have followed all the steps described in https://firebase.google.com/docs/auth/web/cordova?authuser=2 but in ios it does not work (in Android all is working fine). I think it is related with the 'customurlscheme' property because this is the property that contains the app name that has to be reopened, but I have checked all the places where I am using it and all seems to be correct (I modified the package name of my app and I think this could be related with the issue).
I will try to fix it, if I find the solution I will let you know.
I don't have the required "rep" to comment on bojeil's answer above... but to expand on his answer:
Adding:
<preference name="CordovaWebViewEngine" value="CDVUIWebViewEngine" />
to the config fixed this issue for me.
You will need to edit your config.xml.
This line will allow you to be redirected back to your app.
<allow-navigation href="*" />
This line will solve the disallowed user agent screen
<preference name="OverrideUserAgent" value="Mozilla/5.0 Google" />
Iam working on a iOS project.
I want to setup my statusbar, but it doesn't work.
I added in my config.xml:
<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="StatusBarBackgroundColor" value="#000000" />
And added the Plugin to my Project:
cordova plugin add cordova-plugin-statusbar
But it doesn't work.
My version is cordova 6.3.1
Any ideas?
The solution is, I forgot to insert the cordova.js file into index.html.
In your xcode project, find the projects .plist file (which folows the naming convention projectName-Info.plist) and add the two following key value pairs to the file:
Status bar is initially hidden: YES
View controller-based status bar appearance: NO
Tested with Cordova 6.3.1 on iOS 10.0.2
I have looked around on the web for answers but and am unable to find a clear way to set the iOS splash screen from the sencha/phonegap config. I created splash images to both sencha and phonegap resource directories, and added them to sencha's app.json and config.xml as shown below, then ran "sencha app refresh && sencha app build native".
<gap:splashgap:platform="ios"width="320"height="480"src="resources/splash/320x480.png" />
<gap:splashgap:platform="ios"width="640"height="960"src="resources/splash/640x960.png" />
<gap:splashgap:platform="ios"width="640"height="1136"src="resources/splash/640x1136.png" />
<gap:splashgap:platform="ios"width="768"height="1024"src="resources/splash/768x1024.png" />
<gap:splashgap:platform="ios"width="1024"height="768"src="resources/splash/1024x768.png" />
<gap:splashgap:platform="ios"width="1536"height="2048"src="resources/splash/1536x2048.png" />
<gap:splashgap:platform="ios"width="2048"height="1536"src="resources/splash/2048x1536.png" />
This workflow works well to update the app icon files in the Xcode project, but does not update the iOS splash screen.
Is this actually not possible??
Thanks!
We are using CTP 3 of VS extension for Cordova.
We are trying to add a splash screen for iPhone 6 and iPhone 6+. We need this to solve and issue where iPhone 6+ resolution is incorrect within the app.
Is there a naming convention for the splash screen files for ios?
We know these file names are being added to the XCode project and work successfully (in res\screens\ios):
screen-ipad-landscape-2x.png
screen-ipad-landscape.png
screen-ipad-portrait-2x.png
screen-ipad-portrait.png
screen-iphone-568h-2x.png
screen-iphone-portrait-2x.png
screen-iphone-portrait.png
We ended up forcing vs-mda-remote to use cordova 4.2.0 which helped solve the problem (see this question).
Then we added this to the config.xml and the respective files.
<platform name="ios">
<splash src="res/screens/ios/screen-414w-736h#3x~iphone.png" width="1242" height="2208"/>
<splash src="res/screens/ios/screen-iphone-landscape-736h.png" width="2208" height="1242"/>
</platform>
I believe these are the naming conventions for iPhone6 and 6plus:
res/icons/ios/icon-60#3x.png (180x180)
res/screens/ios/screen-iphone-portrait-667h.png (750x1334)
res/screens/ios/screen-iphone-portrait-736h.png (1242x2208)
res/screens/ios/screen-iphone-landscape-736h.png (2208x1242)