I found this question and searched it and found two answers already here and here, but neither of these are working for me. I am using phonegap with JQM 1.4.0 and I only get forward transitions when going back. My code looks like this:
BACK
And for some reason I am only getting forward transitions and not the reverse.
edit: I also am not able to do a different transition going back then the transition I used going forward. I tried setting data-transition="flow" going forward and keeping the back button data-transition="slide" and I get a flow transition (and not the reverse transition) when going back as well.
Related
I noticed that the CupertinoRouteTransition lowers the opacity of the second route while the transition parallax effect takes place. In my opinion this looks ugly for a lot of pages and it is also not native iOS behaviour.
After some scavenging into CupertinoPageTransition and CupertinoRouteTransitionMixin I didn't find any way of changing this behaviour without a custom rewrite of the CupertinoPageTransition.
I am fairly new to Flutter and I'm not sure about this tho. Is there something I don't see or some more straight forward way to change this behaviour without a custom CupertinoTransition implementation? Thanks!
Video with what i'm talking about.
Does anyone have a working example of this? I was originally implementing a solution similar to this answer here, but then saw that this feature was finally merged!
Does anyone have a working example of this? Our use case is having tabs that have functionality reliant on iframes on separate tabs persisting.
Actually, I found examples here in the feature pull request.
It is as simple as <mat-tab-group contentPreserve="true">
However, now it is causing unexpected behavior in my tabs (might be related to this mentioned in the Docs: "One gotcha here is that we have to set visibility: hidden on the off-screen content so that users can't tab into it.") - now the iframe is loading further down the page and out of normal view. I will tinker around with the styling as that may be the cause since we made some tweaks to account for or previous workaround. Glad to see this being implemented now and would still be eager to see other people's use of mat-tab-group!
Use preserveContent in mat-tab-group.
Keeping the tab content inside the DOM while it's off-screen
I’m a relatively new app developer working on a couple of individual projects. I’ve dumped at least one hundred hours into coding using Swift in Xcode, and, as embarrassing as it may be to admit, it seems I can’t fully grasp or find information pertaining to how popular apps such as Facebook, Instagram, YouTube, or Tinder implement non-linear view navigation via a menu bar at the bottom of the screen.
I’ve seen one particular app tutorial series that exemplifies how to go about making this menu bar style possible using a collection view of horizontally-placed views each equivalent to the size of the screen. I understand this gets rid of the issue of loading new views on top of existing old ones that sit in the background (my primary worry, outside of unnecessarily reloading information), but is this the typical method of implementing non-linear menu navigation in an app? I suppose a more pressing question at this point is “How can I go about making something like this using SwiftUI?”
If anyone can offer information, explanations, and/or sources, they would all be much appreciated. Thank you for your time!
So, upon receiving TylerTheCompiler’s comment on my post, I started researching the UITabView. It appears that this is used for creating exactly what I was trying to explain in the initial post. I subsequently searched for a way to implement this in SwiftUI and found the “tabbed view.” The tabbed view seems very easy to implement and is exactly what I’ve been looking for. I still wonder if popular applications have been utilizing the UITabBar rather than something else more practical that I am still unaware of. If you happen to know, please comment on this post — I would love to know, myself. As always, thank you for your time, everyone!
I am dealing with a weird bug on Ionic's iOS native build where I sometimes cannot swipe back or switch tabs once I transition to a new page using router.navigateByURL(...), and trying to debug this issue has been troublesome since I can't "see" how the gestures are handled. Does anyone know where I should be looking in the code for handling transition gestures?
Here's a video demo of the problem: https://streamable.com/hk9c0
In the video, you can see me:
Swiping down to refresh using the ion-refresher element and you can see the page beneath (already entered a bug report for that part: https://github.com/ionic-team/ionic/issues/18284 )
Trying to tap the back arrow in the left corner
Attempting to swipe left to right to go back a page (hard to show that one)
Tapping the bottom tabs to transition to new tab, at one point, I tap on a tab that has an ion-fab element which appears in the bottom right because its z-index is higher than the "stuck" page.
Currently the best I've been able to do is by looking at the css classes that are added to the pages, but it's not much use....
Where app-release is the page you can see in the video and app-home is the page underneath the stack. It's my understanding that Ionic uses hammer.jsfor gestures, so I added it as a tag, please correct me if I am wrong. I cannot, for the life of me, recreate this bug consistently, but will often trigger 1 out of 50 tries.
I've been digging through the utils in Ionic Core to see where elements are being added and removed, with no luck.
I created a bug request for this here as well: https://github.com/ionic-team/ionic/issues/18305
Are you using #angular/animations to make the transitions between the pages? I had some issues like yours, as you can see in my question.
Router navigate on Ionic with animation blinking on ios using angular animations
If I am right about the use of #angualar/animations I suggest to use a custom animation of the Ionic itself, and not te angular's. You can see an working example here of its use here:
https://github.com/mhartington/ionic4-custom-animation
Since I have less tem 50 rep I cant comment so I had to post this anwser not knowing if it was really your case. Hope it helps.
I'm in the early stages on an app and I haven't written any code yet so sorry for lack of it in this post. When I open the app, it shows the tabbed bar at the bottom with my pages I've set up but the actual pages are black. Cant figure out how to get around this. Is anyone familiar with this kind of issue?
I'm using storyboard and I started from an empty project.
Edit:
Also forgot to mention I get an error message in the log that says Two-stage rotation animation is deprecated. This application should use the smoother single-stage animation.
I'm currently looking into remedying that issue but if anyone knows I'd appreciate an answer here as I assume it coincides with my current issue.