Destroy tab based component from child frame nativescript-vue - nativescript

If I exit the Player/1 page with clearHistory, I want to destroy the Tabs Page component and all rendered pages, and then navigate to the Login Page. But it only destroys Player/1 and Players Page.
Each navigation branch has its own Frame
Login -> Welcome -> Tabs => Main frame
Players -> Player 1 => Players frame
Teams -> Team 1 => Teams frame
Nativescript 8.4.0

Related

amp-html animation on scroll with position observer

I have a <div> in an amp-project (the header of the page) and I like these things happen to it:
1- on scroll down -> the div animates up and out of the view
2- on scroll up -> the div animates down and into the view
I know I have to mix up amp-animation and position-observer but I can't find a proper tutorial in amp site.

How to navigate from one tab deep into another tab?

Here is my React-Navigation structure
RootNav -> StackNavigator / mode: 'modal'
Login -> StackNavigator
Main -> DrawerNavigator
Tabs -> TabNavigator
BulletinTab -> StackNavigator
ChatTab -> StackNavigator
ChatList -> Screen
ChatRoom -> Screen
DirectoryTab -> StackNavigator
OrgList -> Screen
DirectoryList -> Screen
ComposeNewChat -> Screen
Settings -> StackNavigator
...
Desired navigation flow:
The DirectoryList is a list of all the user user in my app. If I click on a user, it should push a a ChatRoom screen (transitioning in from the right).
When I hit the back button on the ChatRoom screen, I want to be taken back to ChatList and NOT to the DiectoryList. The ChatRoom should transtion out from right to left.
I have tried to:
Reset to ChatList and then navigate to ChatRoom, but this feels janky as the current screen DirectoryList is replaced with ChatList before I navigate to ChatList
Push ChatRoom to the DirectoryTab stack. Reset to ChatList when you hit the back button on the ChatRoom. However, there is no transition out animation if I do this.
Do you know how I can achieve the desired flow/transitions with my current navigation structure? If not, can you suggest another navigation structure?

Safari force page scroll position to top failed when page refresh

I am building a website using react to implement.First, we scroll the page to the bottom or middle position.Then we click refresh button in the iphone safari browser,page scroll to the permanent position strangely.I have tried to change the flex layout to float layout and add pageshow event listener to set scrollTop zero using
window.scrollTo(0,0)
.But page still stop at the permanent position in safari mobile.
I guess the problem is the page save the position of last view, but when page fresh, the content of the page is not show completely, and then the page could only scroll to the permanent position.At last, the rest part of the page show out.And the pageshow event has been triggered early before the page scroll to the permanent position.
How can I force the page to be scrolled to the top on page refresh except window.scroll? How can I solve this strange behavior of the safari browser?
I have the same issue as you using react on ios safari, the only fixed I found is to use a setTimeout in componentDidMount, but I really don't like this solution
componentDidMount() {
setTimeout(() => {
window.scrollTo(0, 0);
}, 800);
}
Hope it'll help
use window.scroll(0, 0) instead of window.scrollTo()

How do I add child view controllers to a tabbed view controller while keeping the tab bar?

I am using Swift 3, Xcode 8.2, developing for iOS 10.
I've got a storyboard that looks like this.
The left view controller is one of three child view controllers part of a tab view controller. The right view controller is a view controller that reveals when "Continue" is clicked.
However, when clicked, the right view controller takes up the whole view and the tab bar at the bottom disappears. There is a "Back" button at the top which is good and I would like to keep that but how do I get the tab bar back?
The problem is not reproducible based on what you've said. On the contrary, when I set up a storyboard Tab Bar Controller -> Nav Controller -> VC1 -> (push) -> VC2, the tab bar is still there when I go to VC2. I can only conclude that there's some misconfiguration in your storyboard that you have not described accurately.

Force view to reload when user presses "Menu" button on new Apple TV remote

When a user presses the "Menu" button on the new Apple TV remote it takes them back to the previous view. This is fine but it doesn't appear to reload the view. Right now I have a view with my game and a second view with the score card. When the user finishes the game they are taken to the score card view. The problem is: if they press the menu button on the remote they are taken back to the game view and it doesn't reload. Can this be fixed?
- (void)viewDidLoad is only called at object creation, when you are going back to a view controller, it is not created again (unless it has been deallocated due to lack of RAM) so you have to handle all your dynamic actions (like refreshing content of the view) by using the
- (void)viewWillAppear:(BOOL)animated
or
- (void)viewDidAppear:(BOOL)animated
methods !

Resources