前提・実現したいこと
js
1import React,{ Component } from 'react'; 2import { Text, View, StyleSheet } from 'react-native'; 3import { 4 createAppContainer, 5 createMaterialTopTabNavigator, 6} from "react-navigation" 7 8class Screen1 extends Component { 9 render(){ 10 return( 11 <View> 12 </View> 13 ) 14 } 15} 16 17class Screen2 extends Component { 18 render(){ 19 return( 20 <View> 21 </View> 22 ) 23 } 24} 25 26const TopTab = createMaterialTopTabNavigator( 27 { 28 Screen1:{ 29 screen:Screen1 30 }, 31 Screen2:{ 32 screen:Screen2 33 } 34 } 35) 36 37const AppContainer = createAppContainer(TopTab) 38 39export default class App extends Component { 40 render() { 41 return ( 42 <View style={styles.container}> 43 44 <View style={{height:80,justifyContent:"center",alignItems:"center"}}> 45 <Text>現在表示中の画面がScreen1かScreen2かが知りたい</Text> 46 </View> 47 48 <AppContainer /> 49 </View> 50 ); 51 } 52} 53 54const styles = StyleSheet.create({ 55 container: { 56 flex: 1, 57 }, 58}); 59
https://snack.expo.io/@kimsangwoo/tabnavigation
※ReactNavigationのバージョンが古いものですみません...
このような画面構成になっているときに、Tabで現在表示している画面(今回ならScreen1
orScreen2
)をAppクラス
で取得したいです。
補足情報(FW/ツールのバージョンなど)
"react-navigation": "^3.11.1"
もし知っている方がいらっしゃいましたら教えていただきたいです。
また、質問の意図が分からない場合は質問していただきたいです。
あなたの回答
tips
プレビュー