1. 程式人生 > 其它 >react native中重新整理頁面

react native中重新整理頁面

在react native中重新整理頁面就是改變頁面的資料來源,如果頁面的資料來源是state或者是store那麼當資料來源改變了.頁面就會自動重新整理的.所以重新整理頁面的兩種方式

1:用redux來做資料來源,無論在哪個頁面只要改變了某一個頁面的資料來源,那麼那個頁面都會重新整理

2:用回撥的方法來重新整理前一個頁面,在用react-navigation的時候開啟頁面的時候是可以傳引數的,引數裡可以是一個變數也可以是一個回撥方法,下面舉例說明:

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

在下一個頁面的返回按鈕:

<TouchableOpacity 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>