こちらの記事(https://qiita.com/nostrict/items/4002049896117cf21492)にありますように、React Navigationを使ってモーダルで出すものと、カードで出すものを分けたいと考えています。
こちらに書いてある通りにやったのですが、押しても"何も反応しない"という状態となっています。
スクリーン自体は存在しており、機能しているスクリーンと変えてやってみたのですができなかったので、ここのルーティングがミスしていると考えています。
すみませんが、お力添えください。
Router.js
JavaScript
1import React from 'react'; 2import { StyleSheet } from 'react-native'; 3import { StackNavigator, TabBarBottom, TabNavigator } from 'react-navigation'; 4 5import LoggedInHome from './LoggedInHome'; 6import Profile from './Profile'; 7import Notification from './Notification'; 8import Main from './Main'; 9import Information from './Information'; 10import AuthScreen from './AuthScreen'; 11 12type TabBarIcon = { 13 tintColor: string, 14}; 15 16const styles = StyleSheet.create({ 17 icon: { 18 fontSize: 30, 19 }, 20}); 21 22const HomeStack = StackNavigator({ 23 LoggedInHome: { 24 screen: LoggedInHome, 25 navigationOptions: { 26 headerStyle: { 27 backgroundColor: Theme.PRIMARY, 28 }, 29 headerTitleStyle: { 30 color: '#fff', 31 fontWeight: 'bold' 32 } 33 } 34 }, 35 Notification: { screen: Notification }, 36 Profile: { screen: Profile }, 37 Information: { screen: Information }, 38}); 39 40const MainStack = StackNavigator({ 41 HomeStack: { screen: HomeStack }, 42 Main: { screen: Main }, 43}, { 44 initialRouteName: 'HomeStack', 45 mode: 'modal', 46 headerMode: 'none', 47}); 48 49export default StackNavigator({ 50 Tabs: { screen: HomeStack }, 51 Auth: { screen: AuthScreen }, 52}, { 53 cardStyle: { 54 backgroundColor: 'transparent', 55 opacity: 1, 56 }, 57 headerMode: 'none', 58 initialRouteName: 'Tabs', 59 mode: 'modal', 60});
LoggedInHome.js
JavaScript
1・・・ 2 <Button 3 onPress={() => this.props.navigation.navigate('Main')} 4 /> 5・・・
MainのところをMainStackとしてみましたが、やはり同じように動きませんでした。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。