Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Components are mounted twice

See original GitHub issue

Version

react-native-router-flux v4.0.6
react v16.6.1
react-native v0.57.5
ios 12.x

Expected behaviour

Navigate back to a component and navigate back again. Didmount should be executed once.

Actual behaviour

Navigate to the component again immediately after a component back , it should not cause the component to be mounted twice .

Steps to reproduce

Navigate from “home” to ”productList“

          <Router style={styles.container}>
            <Modal key='modal' hideNavBar>
              <Stack key='root'>
                <Tabs key='tabs'
                      initial
                      hideNavBar>
                  <Scene key='home' tabBarLabel='home' title='home' component={Home}/>
                  <Scene key='profile' tabBarLabel='profile' title='profile' component={Profile}/>
                </Tabs>
                <Stack key='productList' title='productList' component={ProductList}/>
              </Stack>
            </Modal>
          </Router>

Reproducible Demo

The official demo can reproduce this bug

I think this may be because I re-entered the component immediately after exiting the component.

My English is not very good, I hope you can understand, God bless 🙏

Issue Analytics

State:
Created 5 years ago
Reactions:1
Comments:10

Top GitHub Comments

4reactions

syntax-ecommented, Sep 10, 2019

Also facing the same issue with “react-native-router-flux”: “4.0.6”

1reaction

chaudhryjunaidcommented, Jan 9, 2019

👍 same here. in fact the initial scene component in a nested stack loaded for the first time is also mounted twice. @aksonov this is deal-breaking for us in using this library. Could you please help?