質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
React Native

React Nativeは、ネイティブモバイルアプリ(iOS/Android)を作成できるJavaScriptフレームワークです。Reactと同じ設計のため、宣言的なコンポーネントでリッチなUIを開発することが可能です。

Q&A

0回答

1046閲覧

ReactNavigationでTabが現在表示している画面を親コンポーネントで取得する方法が知りたい

kimkim

総合スコア142

React Native

React Nativeは、ネイティブモバイルアプリ(iOS/Android)を作成できるJavaScriptフレームワークです。Reactと同じ設計のため、宣言的なコンポーネントでリッチなUIを開発することが可能です。

0グッド

0クリップ

投稿2020/02/06 10:03

前提・実現したいこと

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で現在表示している画面(今回ならScreen1orScreen2)をAppクラスで取得したいです。

補足情報(FW/ツールのバージョンなど)

"react-navigation": "^3.11.1"

もし知っている方がいらっしゃいましたら教えていただきたいです。
また、質問の意図が分からない場合は質問していただきたいです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問