undefined is not an object (evaluating RNGestureHandlerModule.State)
I'm trying to create a stack navigator and it gives me the above mentioned error. My code as bellow
import React, {Component} from 'react';
import { createStore, applyMiddleware, compose } from 'redux';
import NavigationService from './Utils/NavigationService'
import { Provider } from 'react-redux';
import thunk from 'redux-thunk';
import { createStackNavigator, createSwitchNavigator } from 'react-navigation';
import Stat from './App/statsScreen'
import Sec from './App/loginScreen'
const RootStack = createStackNavigator(
{
Home: Stat,
Details: Sec
},
{
initialRouteName: "Details"
}
);
const AppNavigator = createSwitchNavigator(
{
App: RootStack,
}, {
initialRouteName: 'App'
}
);
export const store = (__DEV__) ? createStore(rootReducer, compose(applyMiddleware(thunk), window.devToolsExtension ? window.devToolsExtension() : f => f)) : createStore(rootReducer, applyMiddleware(thunk));
export default class App extends React.Component {
render() {
return (
<Provider store={store}>
<AppNavigator
ref={navigatorRef => {
NavigationService.setTopLevelNavigator(navigatorRef);
}}
/>
</Provider>
);
}
}
However If I comment the "createStackNavigator" part and export a general class it works. What am I missing here? and with this code why is it trowing me an error like that ?
reactjs react-native react-navigation
add a comment |
I'm trying to create a stack navigator and it gives me the above mentioned error. My code as bellow
import React, {Component} from 'react';
import { createStore, applyMiddleware, compose } from 'redux';
import NavigationService from './Utils/NavigationService'
import { Provider } from 'react-redux';
import thunk from 'redux-thunk';
import { createStackNavigator, createSwitchNavigator } from 'react-navigation';
import Stat from './App/statsScreen'
import Sec from './App/loginScreen'
const RootStack = createStackNavigator(
{
Home: Stat,
Details: Sec
},
{
initialRouteName: "Details"
}
);
const AppNavigator = createSwitchNavigator(
{
App: RootStack,
}, {
initialRouteName: 'App'
}
);
export const store = (__DEV__) ? createStore(rootReducer, compose(applyMiddleware(thunk), window.devToolsExtension ? window.devToolsExtension() : f => f)) : createStore(rootReducer, applyMiddleware(thunk));
export default class App extends React.Component {
render() {
return (
<Provider store={store}>
<AppNavigator
ref={navigatorRef => {
NavigationService.setTopLevelNavigator(navigatorRef);
}}
/>
</Provider>
);
}
}
However If I comment the "createStackNavigator" part and export a general class it works. What am I missing here? and with this code why is it trowing me an error like that ?
reactjs react-native react-navigation
add a comment |
I'm trying to create a stack navigator and it gives me the above mentioned error. My code as bellow
import React, {Component} from 'react';
import { createStore, applyMiddleware, compose } from 'redux';
import NavigationService from './Utils/NavigationService'
import { Provider } from 'react-redux';
import thunk from 'redux-thunk';
import { createStackNavigator, createSwitchNavigator } from 'react-navigation';
import Stat from './App/statsScreen'
import Sec from './App/loginScreen'
const RootStack = createStackNavigator(
{
Home: Stat,
Details: Sec
},
{
initialRouteName: "Details"
}
);
const AppNavigator = createSwitchNavigator(
{
App: RootStack,
}, {
initialRouteName: 'App'
}
);
export const store = (__DEV__) ? createStore(rootReducer, compose(applyMiddleware(thunk), window.devToolsExtension ? window.devToolsExtension() : f => f)) : createStore(rootReducer, applyMiddleware(thunk));
export default class App extends React.Component {
render() {
return (
<Provider store={store}>
<AppNavigator
ref={navigatorRef => {
NavigationService.setTopLevelNavigator(navigatorRef);
}}
/>
</Provider>
);
}
}
However If I comment the "createStackNavigator" part and export a general class it works. What am I missing here? and with this code why is it trowing me an error like that ?
reactjs react-native react-navigation
I'm trying to create a stack navigator and it gives me the above mentioned error. My code as bellow
import React, {Component} from 'react';
import { createStore, applyMiddleware, compose } from 'redux';
import NavigationService from './Utils/NavigationService'
import { Provider } from 'react-redux';
import thunk from 'redux-thunk';
import { createStackNavigator, createSwitchNavigator } from 'react-navigation';
import Stat from './App/statsScreen'
import Sec from './App/loginScreen'
const RootStack = createStackNavigator(
{
Home: Stat,
Details: Sec
},
{
initialRouteName: "Details"
}
);
const AppNavigator = createSwitchNavigator(
{
App: RootStack,
}, {
initialRouteName: 'App'
}
);
export const store = (__DEV__) ? createStore(rootReducer, compose(applyMiddleware(thunk), window.devToolsExtension ? window.devToolsExtension() : f => f)) : createStore(rootReducer, applyMiddleware(thunk));
export default class App extends React.Component {
render() {
return (
<Provider store={store}>
<AppNavigator
ref={navigatorRef => {
NavigationService.setTopLevelNavigator(navigatorRef);
}}
/>
</Provider>
);
}
}
However If I comment the "createStackNavigator" part and export a general class it works. What am I missing here? and with this code why is it trowing me an error like that ?
reactjs react-native react-navigation
reactjs react-native react-navigation
edited Nov 19 at 11:00
Hardik
19829
19829
asked Nov 19 at 10:56
danu
242320
242320
add a comment |
add a comment |
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53373123%2fundefined-is-not-an-object-evaluating-rngesturehandlermodule-state%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53373123%2fundefined-is-not-an-object-evaluating-rngesturehandlermodule-state%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown