《react-native》从零开始(一)生命周期

本文介绍了React-Native的组件生命周期,包括初始化、运行和卸载三个阶段,并与Android生命周期进行了对比。详细讨论了各个生命周期回调函数的作用,如getDefaultProps、componentWillMount、componentDidMount等,帮助开发者理解何时进行业务初始化、状态更新和资源释放。同时概述了React-Native的渲染过程,从Native初始化到页面构建的完整流程。
摘要由CSDN通过智能技术生成

生命周期,贯穿整个开发过程非常重要。


搭建开发环境

照着网站搭建就可以了,不单独开一章了。
react-native 中文官网

生命周期

react-native 是一种状态机的模式,和安卓一样也是存在生命周期的。
先上张经典图片
这里写图片描述

如图,可以把组件生命周期大致分为三个阶段:

这里 我们和android的生命周期做一下对比。

第一阶段:是组件第一次绘制阶段,如图中的上面虚线框内,在这里完成了组件的加载和初始化;(onCreate onStart onResume)
第二阶段:是组件在运行和交互阶段,如图中左下角虚线框,这个阶段组件可以处理用户交互,或者接收事件更新界面(onRestart );
第三阶段:是组件卸载消亡的阶段,如图中右下角的虚线框中,这里做一些组件的清理工作。(onPause onStop onDestory)

前期为了方便理解,可以这么按照android的状态来理解react-native的状态过程。

在rn中页面的刷新是通过 props(属性) state(状态&#

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值