How to pass data from one screen to another inside TabNavigator in react native

Question

Hello All,I am using react-navigation v3 for navigation purposes.I have created a tab navigator called TourPackagesTab.It consists of 2 screens,InternationalToursScreen and DomesticToursScreen. I fetch some data in InternationalToursScreen.The fetched data is also to be used in DomesticToursScreen. How do I pass the fetched data to DomesticToursScreen as it is inside tabNavigator? JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

Answer 1

Hi there you can send data through onPress events via params, for example: onPress={() => { this.props.navigation.navigate('Screen2', { data1: item.data1, data2: item.data2, }); }} Then on Screen2 you access it like this: const data = this.props.navigation.state.params; {data.data1} Also TabNavigators have an onPress event that you can use to perform functions, see more here