I've added native page transition plugin to my existing ionic project and flow by this article by gajotres and after that, all of the lists that have scroll in my project, scroll smooth but too much scroll after content!
Whats the problem?!
(this problem only appear in my android device, not in web view or emulator)
Related
Navigate to an external link or display an interstitial Ad (AdMob) and then return to the app by clicking on the hardware back button. At this stage where there are pages in the history (navigation stack), clicking on the hardware back button will cause the app to close! Knowing that I had tried to register to the back button by:
this.platform.backbutton.subscribe(()=>{
this.navCtrl.pop();
// Also tried: this.navCtrl.back();
});
But it is still exiting the app!
Any idea about how to solve this?!
Actually, I had realized that navigating to an external link from the app and returning to it will not cause hardware back button issues, but the problem was that I am displaying the AdMob banner at top of the screen, and when I place it at the bottom (default position) the hardware back button is stable and works as expected even when navigating from the app to an external link and then returning back! So, I kept the banner at bottom where I noticed that positioning banner at bottom was more elegant (at least to my app).
It seems that this is one of the issues in the AdMob plugin, where I had seen other issues about the ionic AdMob plugin without solutions!
I have implemented side menu for my IONIC 5.0.0 application. In smaller device side menu is shrinking to Hamburger icon (working fine). I want the same behavior in large screens also but unfortunately the menu is fully visible in the landscape mode of my iPad (6th gen). Does anyone know how to hide the menu in Hamburger icon always (for all device).
Seems you need to use when="false" property in the ion-split-pane component. Please find app.component.html. The location should be like src/app/app.component.html and change the following line from
<ion-split-pane>
to
<ion-split-pane when="false">
To learn more about the ion-split-pane component, visit this link.
strong textwant to implement swipe news in ionic like in-shorts app .i want to show vertical view inside ionic content anyone help me out for this.https://github.com/vikrantsharma123/ios-inshorts-view
The splitApp loads master and detail pages on initial load on desktop and on tab as normal but when i try to emulate it on any phone like iphone 4,5,6 or nexus in chrome split app shows only master page on initial load instead of detail page.I tried all three modes of splitApp but does not work well with phone.
And also when i make my detail page to show nav button the default navigation button that comes with splitApp to switch to master from detail does not appear.
Regards,
Ajaay Krishna
That is the way a 'SplitApp' behaves on a mobile device.
As there isn't enough screen space on a mobile device to display both the 'Master' and the 'Detail', as you can, say, on a desktop or a tablet, the expected behaviour on a mobile device is to first display the 'Master' list and then on navigation, display the 'Detail'. So there isn't anything wrong there.
As for the issue with the back navigation button, please post a code snippet to further elaborate..
I have a test page that I have working with sliding tabs
(http://www.maggies-bayfield.com/wp/temp/old/slider_no_jscroll.htm).
if you click on a navbar item, the page scrolls down to the
appropriate place. this is exactly what I want. however, Android OS
doesn't support overflow:auto etc. and I NEED this to work on all
mobile devices. So, I found Jscrollpane and implemented it on my test
page. it works great (scroll bar shows up on android) but the sliding
tabs are now broken (http://www.maggies-bayfield.com/wp/temp/old/
jscroll_breaks_slider.htm).
Anyone have any ideas or solutions?
Much appreciated!
again:
sliding tabs with out jscrollpane: http://www.maggies-bayfield.com/wp/temp/old/slider_no_jscroll.htm
sliding tabs with jscrollpage: http://www.maggies-bayfield.com/wp/temp/old/jscroll_breaks_slider.htm
Thnx!
August