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>