ionic - $ionicLoading freezes the whole app, how to change it? - angularjs

I'm in the process of making an Ionic Android app. I need to show a loading icon when fetching the data from internet. I use $ionicLoading for this, but $ionicLoading freezes the whole app. Is there a way to show a loading icon, but the app doesn't freeze? Thanks

Related

Firebase Analytics (screen view tracking) only working when refreshing the page

Hello guys I need help I'm using firebase analytics in a Next JS app and it seems that page view/screen tracking only works whenever I refresh the page. When I click the links that will change routes, it doesnt track the changes in screen view. I wonder why this is happening? Here is my code how I setup the analytics.
enter image description here

Detect when a page loads in React

Is there a callback that is called when a react "page" finishes loading?
BACKGROUND: I have an Android webview that does some stuff when the page fully loads. It works great for normal web pages, but for react apps the webview only triggers the "loadComplete" callback when the app loads for the first time. I'd like to detect something similar for React apps, especially after the Back button is pressed.

How to load spash screen when app loading from background in react native expo

I'm using react native expo to build a app. I have faced a big problem right now.
I want to load splash screen when app is loading from background.
scenario,
When I open app, it load splash screen, then go to home screen.
Then use hardware back button to go to app background then again open app
Right now when I load app from background always show home screen before load splash screen
I try to kill the app when use hardware back button using `BackHandler.exitApp()` its not killing the app.
I want to load splash screen first and then go to home screen.
Can any body help me to fix this issue
You can refer to the Expo Documentation on SplashScreens https://docs.expo.io/versions/latest/sdk/splash-screen/ and https://docs.expo.io/guides/splash-screens/. If these aren't as helpful, you should post a code snippet of your main App screen and the code which you used to integrate and hide the splash screen when the application loads.

ReactJS project on Android WebView, Image not showing

I am currently experimenting on a hybrid app using ReactJS for my front-end loaded inside an Android WebView. On one of the pages, I have a list that loads an external/hosted image. Tapping on these images routes to another page that shows its description (using react-router. history=hashHistory).
Testing on the browser(chrome), the images appear once loaded. On the other hand, testing on the actual device, the images does not appear. Only when I tap the list item and press back (hashHistory.goBack) that it appears.
I know this is not the best use for ReactJS, but this is better than what we are currently using. Also, our current setup prevents us from pursuing the React Native way. Any ideas?
EDIT:
here's a screen cap:
You need to change your websettings in your code.
WebSettings settings = webView.getSettings();
settings.setDomStorageEnabled(true);

Onsen UI transition Effect delay

im developing my first app with onsen ui and angular js. I have a dude. When i navigate between differents links from my lateral menu the app show the last page before load the new page. I dont know how explain very well the problem.
The last page displayed is stuck before loading the new page.
If you want some code just tell me.
To see the problem on live my app is here: https://build.phonegap.com/apps/1282748/share
Thanks a lot

Resources