In recent months, I've been developing a Mobile App on Android using Xamarin and MvvmCross.
There is a current issue I've been trying to seek out without any luck.
It's a WebView with some javascript injected. On some devices when you start scrolling a nested list it will also scroll the entire page.
I've changed the website to include the overscroll-y on the elements for the list.
Here are some video examples. If someone could give some insight on why this is happening.
MOTO6: https://youtu.be/-DGOXW2lYOs
Lenovo:
https://youtu.be/ZuxUm1olTpY
Related
I have an app running on AngularJS and Ionic and I have a problem with state transition with Android devices but not on iPhone/iOS.
One page is quite large and when I navigate from the home screen to this page the header gets loaded first and after 2-3 seconds the actual view changes.
I tried adding ng-cloak to the ion-view but this doesn't solve the problem.
What do you mean by that your view is getting changed? Also in which versions of Android are you facing this problem?
Unfortunately it seems a problem very device oriented. You could try to change some elements to enhance perfomance like changing your ng-repeat for collection-repeat.
The best way you could try to improve your performance in Android comes to the cost of weight in your App. You could try using Crosswalk Webview Plugin. This not only provides you the great webview capabilities where your native webview lacks the performance but also it is providing feature constancy across Android 4.0+ Platforms.
See this:
http://blog.ionic.io/crosswalk-comes-to-ionic/
https://github.com/crosswalk-project/cordova-plugin-crosswalk-webview
I'm currently working on an Android app that displays a simple html-document with some css. However, the html changes based on the day, once I've gotten that implemented at least, so there will some days where it will have more elements than it did previously. Now, where the problem lies, is that when there are a many elements, the bottom ones won't show. They are hidden outside the screen, and there is no scrolling.
How would I go about making the page scrollable? This is only for android. I can't use iScroll, seeing that it requires a list-structure in the html, which I don't have and it would be a pain to rewrite the script that makes the html file :/
Thanks
For instance, I want to know what part of the Netflix android app is implemented using a WebView, because I'd like to do something similar (the way the rows and columns of movie thumbnails scroll horizontally and vertically) and want to know if it is even possible using a WebView.
One thing I have done is turned on some of the developer tools on my device, such as the one that draws rectangles around all the views. I can see that the Netflix app just seems to have one main view, with no internal views. But that doesn't necessarily mean it is a WebView.
You can use uiautomatorviewer to inspect the UI of a running production app on a device, to see what widgets it uses and where they are located on-screen.
I'm having problems displaying my club's website, specifically on Android version 4.1 and 4.2's default browser:
http://www.manchesterhandballclub.co.uk/index.html
Everything loads as normal for a split second, before everything in the #maincontent div disappears, except for the Twitter and Facebook widgets on the homepage (/index.html), or the embedded Google Maps on the Training Info page (/training_info.html).
I wondered if there was maybe some sort of z-index issue on load, but there shouldn't be anything overlaying on top of the container div to my knowledge. Here's a preview of what the homepage looks like once the main div disappears:
http://tinypic.com/r/4l1zya/5
I don't have any experience designing for mobile devices, and whilst I do plan to build responsive device-friendly versions eventually, it'd be great if I could get the current site displaying as it does on all other Android versions for now. I'm not sure if there's any version-specific quirks or things I may have missed?
Thanks in advance, and apologies if I've not posted this in the correct way! Tried searching around but can't seem to find any help on the issue currently.
In my one of my android app ,I am using the WebView to render the html content. Whenever we scroll the Webview horizontally/vertically there is a jerk(shake) in the webview content.I have opened the lot of websites in android browser app. But the browser also have the same issue. But when we open the "Play Books" application, there is no jerks in scrolling.This app has the smooth scrolling. I am assuming that "Play Books" also using the android WebView. How can I achieve the smooth scrolling same as "Play Books" horizontal scrolling in the android webview. I am using android 4.0+.
Actually play books interface is made by Google where they have best programmers :(
Take a look at this it may help you Smooth scrolling in Android !!