首页 > 其他分享 >react native中刷新页面

react native中刷新页面

时间:2022-12-02 14:14:05浏览次数:29  
标签:数据源 react 刷新 native navigation 页面

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

标签:数据源,react,刷新,native,navigation,页面
From: https://www.cnblogs.com/ZerlinM/p/16944278.html

相关文章

  • 解决VLC前端遮挡页面元素问题
    说实话也就360浏览器还可以用vlc了,目前是为了播放海康视频流同时绘制报警框,因为对实时性有要求,转码延迟不大好控制因此考虑vlc。反正是针对个别用户的,也不会在公网部署主......
  • 使用HTTPCLIENT去生成静态HTML页面
    一般生成HTML页时,都会用比如freemarker等去搞,但今天看到和学到一个还应该不错的方法,是使用httpclient的get方法,去读某个动态的URL,然后把读出的内容再......
  • 用NetCore + ReactJS 实现一个前后端分离的网站 (4) 用户登录与授权
    用NetCore+ReactJS实现一个前后端分离的网站(4)用户登录与授权1.前言这几天学了一些前端的知识,用AntDesignPro的脚手架搭建了一个前端项目->这里。登录界面是现......
  • react中useRef与createRef的区别(当前react18)
     1、useRef(是hooks一种,一般在函数组件使用)1.1、获取当前dom数据(不推荐,推荐使用受控组件-即使用useState绑定表单元素)     点击look,获取input的数据内容 ......
  • react学习
    reactfiber也就是指react16之后的版本,相比之间内部底层算法做了调整react是基于组件开发的,类似于vue,组件就是网页上的一部分,当组件足够小就可以看做是标签,或者说标签就是......
  • react JSX
    JSX到底是什么?一种标签语法,hs进行的语法拓展不是字符串,不是HTML标签描述UI呈现与交互的直观的形式生成react元素createElement与jsx对比constrE1=<h1>Thisi......
  • JPA的nativeQuery select now()获取的是后端代码服务器的时间
    ……踩坑里了。今天做的task部署到QA,结果数据一直是空,差了日志发现JPA返回的结果和我手动执行sql的结果不一致。怀疑是时间的问题,然后在服务器查了date,postgres查了show......
  • C++输出页面的相关操作
    下文需要用到的头文件等#include<bits/stdc++.h>#include<Windows.h>#include<stdlib.h>#include<time.h>#include<conio.h>#defineintlonglongusingnamesp......
  • 页面css哀悼模式
      查找的一波样式原来是css的:filter:grayscale(100%);//灰度   ......
  • GREAD: Graph Neural Reaction-Diffusion Equations
    目录概符号说明基本框架ChoiJ.,HongS.,ParkN.andChoS.GREAD:graphneuralreaction-diffusionequations.arXivpreprintarXiv:arXiv:2211.14208概作者......