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

+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.

Try leftButton instead of renderBackButton and pass Component to it.

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

It works for me. rnrf-4-beta22

leftButton for left icon
right for right icon

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

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

I'm having the same issue BUT when updating the store (mobx)

@observer
class Custom extends Component {
  render() {

    // prints every time I update state, this's ok!
    console.log('update', store.session.get('logged'))

    return (
      <Router>
        <Scene key="root">
          <Scene key="login"
            component={login}
            type="replace"
            onEnter={() => {
                // ONLY enter here once
                console.log('onEnter');
                return store.session.get('logged')
            }}
            success="recents"
          />
          <Scene key="recents" component={recents} />
        </Scene>
      </Router>
    )
  }
}

I tried to trigger the 're-render' calling Actions.refresh() after the update of the store, but onEnter is not responding.

  _onPressButton() {
    store.session.set('logged', !store.session.get('logged')) // invert the value in store
    Actions.refresh() // tested with { key: 'login' } too
  }

@aksonov Could you please point us to the right direction? :pray:

Hi

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()}/>
        )
    }
}

same issue here, I am using redux and when I try to refresh the right button it just doesn't update.

Please reproduce the issue with Example project.

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

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

@cosinus84 You sir are a lifesaver.

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

@cosinus84 you rock man (y)

Hopefully random is not needed for latest version now

@aksonov Please can you list down the props (with their functions ) that we can use in Actions.refresh() as the Scene props don't seem to be working here.

You may check Example app and its refresh calls - it works fine there with latest 4.0.5. Feel free to clone and modify example accordingly to demonstrate the issue.

Yes, it is working fine but I suggest you to make a list of props to be used with refresh calls as we may not know which one to use when.
For example to render the back button we need to use leftButton prop but I did not know that until I read the comment of @kesha-antonov

its working

@preetluv mind telling me how you fixed it?

@preetluv see cosinus84's answer

you can do following:-

Actions.pop()
setTimeout(()=> Actions.refresh({"somePropToRefresh":Math.random(),"yourProp":"to refresh the
previous screen on going back"}),0.5);

You can check the "yourProp" in componentWillReceiveProps in previus screen after doing back.

I use react-native-router-flux 4.2.0-beta.2 and it works with setTimeout