react-native-router-flux: Actions.refresh not working

Version

Tell us which versions you are using:

react-native-router-flux v4.0.0-beta.12
react-native v0.46.4

Expected behaviour

Actions.refresh() refresh the current scene. If my approach was wrong, or Actions.refresh has some requirement, please provide me with the information

Actual behaviour

const ConnectRouter = connect()(Router);

const Routes = () => (
  <ConnectRouter>
    <Scene key="root">
      <Scene key="launchScreen" component={LoadingFull} hideNavBar />
      <Scene key="login" component={LoginForm} hideNavBar type={ActionConst.RESET} />
      <Scene key="lostPassword" component={LostPasswordForm} hideNavBar />
      <Scene key="dashboard" component={Dashboard} hideNavBar type={ActionConst.RESET} />
      <Scene key="search" component={SearchResult} hideNavBar />
    </Scene>
  </ConnectRouter>
);

When i was at search scene (plain component with state), i was trying to refresh the scene by using Actions.refresh. But somehow it didn’t work at all.

Steps to reproduce

Using provided scene list go to search Component (it was just plain component with state)
trigger actions.refresh by pressing button/ triggering some event

About this issue

Original URL
State: closed
Created 7 years ago
Reactions: 8
Comments: 24 (5 by maintainers)

Most upvoted comments

@jaysassyinfotech Actions.refresh({ key: Actions.currentScene }); not working second time It works if you do like this 😃 Actions.refresh({key: Math.random()})

+104

cosinus84 on Mar 15, 2018

Jesus, I came here looking for an answer for the original issue. Please, try not to piggyback on non related issues !

+15

francois-pasquier on Nov 17, 2017

public componentWillMount (): void { this.props.navigation.setParams({ onRight: () => {this.myOnRight();}, rightTitle:‘newTitle’, }); } It working for me.

+10

peterchen08 on Nov 1, 2017

It works for me. rnrf-4-beta22

leftButton for left icon right for right icon

+10

kesha-antonov on Oct 24, 2017

+1 i want to use renderBackButton from scene. My example code,

public componentWillMount (): void {
               Actions.refresh({
			renderBackButton: this.renderBackButton.bind(this),
			onRight: this.onRightButtonPress.bind(this)
		});
}

It’s not working. I think it’s same issue.

omeraplak on Oct 24, 2017

@kesha-antonov It’s not working. I create new issue for this.

omeraplak on Oct 24, 2017

Try leftButton instead of renderBackButton and pass Component to it.

kesha-antonov on Oct 24, 2017

@cosinus84 You sir are a lifesaver.

katiachumakova on May 14, 2018

@cosinus84 It is really work. wow But is there any explaination why Math.random() does all the tricks?

kevinkjs on May 23, 2018

Actions.refresh({ key: Actions.currentScene }); not working second time https://github.com/aksonov/react-native-router-flux/issues/2862 @aksonov

jaysassyinfotech on Feb 8, 2018

I have the same problem … When i try to refresh with Actions.refresh() nothing happen

import React, { Component } from 'react';
import {
    View,
    Text,
    Button,
} from 'react-native';

import { Actions } from 'react-native-router-flux';

export default class Types extends Component {

    constructor(props) {
        super(props);
        console.log("Constructor Types")
    }

    componentWillMount() {
        console.log('Will mount Types')
    }

    componentWillUpdate() {
        console.log("Will Update Types")
    }

    componentWillUnmount() {
        console.log("will Unmont Types")
    }
    render() {
        console.log("render Types")
        return (
            <Button title='refresh' onPress={() => Actions.refresh()}/>
        )
    }
}

Alp4ga on Dec 13, 2017

Hopefully random is not needed for latest version now

aksonov on Aug 8, 2018