React-native-router-flux: Actions.refresh 不起作用

创建于 2017-10-18 · 24评论 · 资料来源: aksonov/react-native-router-flux

版本

告诉我们您正在使用哪些版本：

react-native-router-flux v4.0.0-beta.12
反应原生 v0.46.4

预期行为

Actions.refresh() 刷新当前场景。
如果我的方法有误，或者 Actions.refresh 有一些要求，请向我提供信息

实际行为

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>
);

当我在搜索场景（带有状态的普通组件）时，我试图通过使用 Actions.refresh 来刷新场景。但不知何故，它根本不起作用。

重现步骤

使用提供的场景列表去搜索组件（它只是带有状态的普通组件）
触发actions.refresh通过按下按钮/触发一些事件

needs response from author

资料来源

sitompul

👍8

最有用的评论

@jaysassyinfotech
Actions.refresh({ key: Actions.currentScene }); 第二次不工作
如果你这样做，它会起作用:)
Actions.refresh({key: Math.random()})

cosinus84 于 2018-03-15

👍36 ❤24 🎉20 😄15 🚀9

所有24条评论

+1
我想从场景中使用 renderBackButton。我的示例代码，

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

它不工作。我认为这是同一个问题。

omeraplak 于 2017-10-24

👎9

尝试使用leftButton而不是renderBackButton并将 Component 传递给它。

kesha-antonov 于 2017-10-24

👎5 👍1

@kesha-antonov 它不起作用。我为此创建了新问题。

omeraplak 于 2017-10-24

👎5 🎉1

这个对我有用。 rnrf-4-beta22

leftButton用于左侧图标
right用于右图标

kesha-antonov 于 2017-10-24

👎9 👍1

公共组件WillMount（）：无效{
this.props.navigation.setParams({
onRight: () => {this.myOnRight();},
rightTitle:'新标题',
});
}
它为我工作。

peterchen08 于 2017-11-01

👎9 😕1 👍1

耶稣，我来这里是为了寻找原始问题的答案。
请尽量不要背负无关的问题！

francois-pasquier 于 2017-11-17

👍15

我在更新商店（ 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
  }

issue

@aksonov您能指出我们正确的方向吗？：祈祷：

frangeris 于 2017-11-24

你好

我有同样的问题......当我尝试用 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()}/>
        )
    }
}