{"action":"closed","issue":{"url":"https://api.github.com/repos/facebook/react-native/issues/7491","repository_url":"https://api.github.com/repos/facebook/react-native","labels_url":"https://api.github.com/repos/facebook/react-native/issues/7491/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react-native/issues/7491/comments","events_url":"https://api.github.com/repos/facebook/react-native/issues/7491/events","html_url":"https://github.com/facebook/react-native/issues/7491","id":154078198,"number":7491,"title":"[NavigationExperimental TabBar] How to preserve tab states when switching between tabs?","user":{"login":"joonhocho","id":930795,"avatar_url":"https://avatars.githubusercontent.com/u/930795?v=3","gravatar_id":"","url":"https://api.github.com/users/joonhocho","html_url":"https://github.com/joonhocho","followers_url":"https://api.github.com/users/joonhocho/followers","following_url":"https://api.github.com/users/joonhocho/following{/other_user}","gists_url":"https://api.github.com/users/joonhocho/gists{/gist_id}","starred_url":"https://api.github.com/users/joonhocho/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/joonhocho/subscriptions","organizations_url":"https://api.github.com/users/joonhocho/orgs","repos_url":"https://api.github.com/users/joonhocho/repos","events_url":"https://api.github.com/users/joonhocho/events{/privacy}","received_events_url":"https://api.github.com/users/joonhocho/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/facebook/react-native/labels/For%20Stack%20Overflow","name":"For Stack Overflow","color":"fbca04"},{"url":"https://api.github.com/repos/facebook/react-native/labels/Ran%20Commands","name":"Ran Commands","color":"ededed"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2016-05-10T18:45:35Z","updated_at":"2016-05-10T20:08:58Z","closed_at":"2016-05-10T20:08:58Z","body":"I am using a tabbar with NavigationExperimental based on the [example](https://github.com/facebook/react-native/blob/master/Examples/UIExplorer/NavigationExperimental/NavigationTabsExample.js).\r\n\r\nI found that the UI states (any data, scroll position, etc.) are lost when navigating away from the current tab.\r\nIt causes data to be refetched and UIs to be rerendered when switched back to the old tab making tab switching a very expensive operation.\r\nNative apps preserve the current state and makes the switching back to previously rendered tabs almost instant operation.\r\nHow can this be done in react native?\r\nI believe something like `display: none` can be used instead of replacing tab content child, but there is no `display: none` in react native."}}