React-native-router-flux: Actions.refresh가 작동하지 않음

+1
장면에서 renderBackButton을 사용하고 싶습니다. 내 예제 코드,

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

작동하지 않습니다. 같은 문제라고 생각합니다.

$#$ renderBackButton leftButton 를 시도하고 Component를 전달하십시오.

@kesha-antonov 작동하지 않습니다. 나는 이것을 위해 새로운 문제를 만듭니다.

그것은 나를 위해 작동합니다. rnrf-4-베타22

leftButton 왼쪽 아이콘
right 오른쪽 아이콘

공개 componentWillMount(): 무효 {
this.props.navigation.setParams({
onRight: () => {this.myOnRight();},
rightTitle: 'newTitle',
});
}
그것은 나를 위해 일합니다.

맙소사, 나는 원래 문제에 대한 답을 찾기 위해 여기에 왔습니다.
관련 없는 문제에 편승하지 마십시오!

동일한 문제가 있지만 스토어(mobx)를 업데이트할 때

<strong i="7">@observer</strong>
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>
    )
  }
}

스토어 업데이트 후 Actions.refresh() 를 호출하여 '다시 렌더링'을 시도했지만 onEnter 이(가) 응답하지 않습니다.

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

@aksonov 올바른 방향을 알려주시겠습니까? :기도하다:

안녕

나는 같은 문제가 있습니다 ... Actions.refresh()로 새로 고침을 시도하면 아무 일도 일어나지 않습니다

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

여기에서 동일한 문제가 발생합니다. 저는 redux를 사용하고 있으며 오른쪽 버튼을 새로 고치려고 할 때 업데이트되지 않습니다.

예제 프로젝트에서 문제를 재현하십시오.

Actions.refresh({ key: Actions.currentScene }); 두 번째로 작동하지 않음
https://github.com/aksonov/react-native-router-flux/issues/2862
@aksonov

@jaysassyinfotech
Actions.refresh({ 키: Actions.currentScene }); 두 번째로 작동하지 않음
이렇게 하면 잘 됩니다 :)
Actions.refresh({키: Math.random()})

@cosinus84 당신은 생명의 은인입니다.

@cosinus84 정말 일입니다. 와
그러나 Math.random()이 모든 트릭을 수행하는 이유에 대한 설명이 있습니까?

@cosinus84 당신은 록맨 (y)

이제 최신 버전에는 무작위가 필요하지 않기를 바랍니다.

@aksonov 장면 소품이 여기에서 작동하지 않는 것 같아서 Actions.refresh()에서 사용할 수 있는 소품(해당 기능 포함)을 나열해 주시겠습니까?

예제 앱과 새로 고침 호출을 확인할 수 있습니다. 최신 4.0.5에서는 잘 작동합니다. 문제를 설명하기 위해 자유롭게 예제를 복제하고 수정하십시오.

예, 잘 작동하지만 언제 어떤 것을 사용해야 할지 모를 수 있으므로 새로 고침 호출에 사용할 props 목록을 만드는 것이 좋습니다.
예를 들어 뒤로 버튼을 렌더링하려면 leftButton 소품을 사용해야 하지만 @kesha-antonov의 댓글을 읽을 때까지 몰랐습니다.

그것의 작동

@preetluv 어떻게 고쳤는지 말씀해 주시겠습니까?

@preetluv cosinus84 의 답변 참조

다음을 수행할 수 있습니다 .

액션.팝()
setTimeout(()=> Actions.refresh({"somePropToRefresh":Math.random(),"yourProp":"새로 고침
돌아갈 때의 이전 화면"}),0.5);

back을 한 후 이전 화면의 componentWillReceiveProps 에서 "yourProp"을 확인할 수 있습니다.

react-native-router-flux 4.2.0-beta.2 를 사용하고 setTimeout 과 함께 작동합니다.