react-router-native doesnt work

Question

Error: undefined is not an object (evaluating '_this.context.router.history')

index.js:

          <Left>

              <Link to="/menu">
                <Image
                  source={require("./src/assets/images/home.png")}
                  style={styles.homeIcon}
                />
              </Link>
          </Left>
...
<NativeRouter>
          <Container>
            <Stack>
              <Route exact path="/" component={Login} />
              <Route
                path="/menu"
                component={() => <Menu showMenuIcon={this.showMenuIcon} />}
              />
              <Route
                path="/dialog"
                component={() => <Dialog showMenuIcon={this.showMenuIcon} />}
              />
              ...
            </Stack>
          </Container>
</NativeRouter>

After click to Link displays an error. What's wrong?

https://github.com/ReactTraining/react-router/issues/975 – Sangram Badi May 28 '18 at 06:43 — Sangram Badi, May 28 '18 at 06:43
Surround your entire application with `NativeRouter`. – AryanJ-NYC May 24 '19 at 15:15 — AryanJ-NYC, May 24 '19 at 15:15

score 0 · Answer 1 · edited May 28 '18 at 07:10

0

Try adding nativeHistory to your routes

import {nativeHistory} from 'react-router-native';

<Router history={nativeHistory}>

</Router>

edited May 28 '18 at 07:10

Nico Van Belle

4,911
4
32
49

answered May 28 '18 at 06:49

Roopak Puthenveettil

1,387
2
13
27

New error: http://prntscr.com/jnhipw, I doing the right thing? https://codepen.io/anon/pen/aKoNPZ?editors=0010 – kutirie May 28 '18 at 07:34

react-router-native doesnt work

1 Answers1