Я использую react-native-router- flux, а это фрагмент кода маршрутизации:
<Router navigationBarStyle={navBar} sceneStyle={{ paddingTop: 53}}>
<Scene key="main">
<Scene
key="firstPage"
component={FirstPage}
initial
/>
<Scene
key="secondPage"
component={SecondPage}
/>
</Scene>
</Router>
Это часть компонента FirstPage
:
class FirstPage extends Component {
constructor(props) {
console.log("constructor");
super(props);
}
componentWillMount(){
console.log("COMPONENT WILL MOUNT");
}
componentDidMount(){
console.log("COMPONENT DID MOUNT");
}
componentWillReceiveProps(){
console.log("COMPONENT WILL RECEIVE PROPS");
}
shouldComponentUpdate(){
console.log("SHOULD COMPONENT UPDATE")
}
componentDidUpdate(){
console.log("COMPONENT DID UPDATE");
}
componentWillUnmount(){
console.log("COMPONENT WILL UNMOUNT");
}
}
Как только я открываю приложение, загружается компонент FirstPage
, и я получаю это через console.log
s:
COMPONENT WILL MOUNT
COMPONENT DID MOUNT
SHOULD COMPONENT UPDATE
Когда я нажимаю кнопку, которая отправляет меня на клавишу secondPage
, загружая SecondPage, компонент console.logs дает мне это:
COMPONENT WILL RECEIVE PROPS
SHOULD COMPONENT UPDATE
Пока здесь все в порядке. Я хотел бы иметь возможность запускать функцию всякий раз, когда я возвращаюсь от SecondPage
к FirstPage
. Когда я возвращаюсь к FirstPage
, конструктор, componentWillMount, componentDidMount и т. д. не запускаются.
Как мне это сделать?