react native中刷新页面

在react native中刷新页面就是改变页面的数据源,如果页面的数据源是state或者是store那么当数据源改变了.页面就会自动刷新的.所以刷新页面的两种方式

1:用redux来做数据源,无论在哪个页面只要改变了某一个页面的数据源,那么那个页面都会刷新

2:用回调的方法来刷新前一个页面,在用react-navigation的时候打开页面的时候是可以传参数的,参数里可以是一个变量也可以是一个回调方法,下面举例说明:

this.props.navigation.navigate("CoreScan", {
    curQuyuId: this.state.curQuyuId,
    quyuName: this.state.quyuName,
    timeinterval: timeinterval,
    refresh: function () {
        self.orderstatus();
    }
});

在下一个页面的返回按钮:

<TouchableOpacity style={[y.udr, y.ujc, y.uac, y.h(190), y.w(100)]} onPress={() => {
    this.props.navigation.state.params.refresh();
    this.props.navigation.goBack();
}}>
    <View style={[y.bl(4), y.bb(4), {
        borderColor: "#fff",
        transform: [{rotate: '45deg'}]
    }, y.w(20), y.h(20)]}></View>
    <Text style={[y.mr(5), y.fSize(29), y.color("#fff")]}>返回</Text>
</TouchableOpacity>

转载于:https://www.cnblogs.com/dragonh/p/7566960.html