react native中重新整理頁面
阿新 • • 發佈:2022-12-02
在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>